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

a{text-decoration:none;}

h2{color:green;}

img {border:0;}

/*FUENTES*/

@font-face {
	font-family:'Ubuntu';
	src: url('../2-organos-a/fuentes/ubuntu/Ubuntu-L.ttf');
}
@font-face {
	font-family:'ptsans';
	src: url('../2-organos-a/fuentes/ptsans/PTF55F.ttf');
}
@font-face {
    font-family:'opensans';
	src: url('../2-organos-a/fuentes/Open-sans/OpenSans-Regular.ttf');
}

/*Enlaces en cadena en páginas de imágenes grandes*/

.cadenaenlaces span{
    color:black;
    font-family:arial, sans;
    font-size:0.7em;
    padding:3px;


}
.cadenaenlaces a{
    font-family:arial, sans;
    font-size:0.7em;
    color:gray;
    padding:3px;

}
.cadenaenlaces a:hover{
    font-family:arial, sans;
    font-size:0.7em;
    color:brown;
    box-shadow: 0px 2px 4px gray;
    border-radius: 3px;

}


/*ENCABEZADOS páginas generales*/

.icono{
 text-align:left;
 font-size:0.7em;
}

.citohisto{
 font-size:0.9em;
 text-align:right;
 color:gray;
 font-family:sans;
}

.encabezado{
text-align:center;
color:white;
background-color:#669900;
padding:5px;
border-top: 2px solid green;
 font-family:sans;
}

.subencabezado{
 color: white;
 font-weight: bold;
 letter-spacing: 0.4em;
  font-family:sans;
}

/*ENCABEZADOS de páginas de imágenes grandes*/
.encabezadograndes{
  background-color: #669900;
    text-align:center;
    margin-bottom: 5px;
    padding:10px;
    font-size: 1.2em;
    font-weight:bold;
    font-family: Ubuntu, sans-serif;
    color:silver;
    letter-spacing: 2px;
    word-spacing:3px;
    border:thin solid green;
    border-radius: 10px;
    box-shadow: -2px 2px 8px gray;
}

.encabezadograndes span{
     color:white;
}

/* TITULO DE PAGINA*/

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

/*TEXTO GENERAL*/

.cuerpo{
		color:#555;
		margin-top:0px;
		margin-left:10px;
		margin-right:10px;
		font-size:0.9em;
		font-family: 'opensans',  Helvetica, Arial, sans-serif;
		text-indent: 30px;
		line-height:150%;
}



/*TEXTO GENERAL resaltado de palabras*/

.cuerpo a:hover{
color:red;
}

.resaltadito{
		color: brown;
}


/* IMAGENES DE TEJIDOS SIN ENLACES*/

div.imagenes {
    padding-top:20px;
    padding-bottom:20px;
      padding-left:15px;
  padding-right:15px;
}
div.imagenes p
{
font-size:0.8em;
 font-family:  helvetica;
 color:gray;
}







/*COMADOS PALANTE PATRAS*/

.comandos {
    color:blue;
    font-size:0.7em;
    font-family:'opensans',  arial;
	background-color:#f5f5f5;
 border-top: thin solid #ddd;
     border-left: thin solid #ddd;
            border-right: thin solid #ddd;
                border-bottom: medium solid #ddd;
    padding:5px;
    text-align:center;
    border-radius:5px;

}
.comandos:hover{
	background-color:#eeeeee;
	border: thin solid gray;
  border-bottom: thin solid #bbbbbb;
      border-left: thin solid #bbbbbb;
             border-right: thin solid #bbbbbb;
                 border-top: medium solid #bbbbbb;
                 	background-color:#f0f0f0;
	}

.comandos a:hover{color:red;

}



/* INDICE DE TEJIDOS VEGETALES Y ANIMALES Páginas principales*/

.indice{
                       margin-top:10px;
			padding:0px;
			width:160px;
                        box-shadow: 2px 1px 10px gray;
                        border:thin dashed green;

}

.titulo{

		font-size:0.8em;
		padding-left:10px;
		font-weight:bold;
		margin:2px;
		padding-bottom:2px;
		font-family: sans-serif;

}


.prueba{
		font-size:0.8em;
		background-color:#fefefe;
		margin:2px;
		padding-left:15px;
		padding-bottom:2px;
		font-family: sans-serif;
}

 dt.prueba:hover{
				border:1px dashed red;
				padding-bottom:0px;}

dt.titulo:hover{
				border:1px dashed blue;
				padding-bottom:0px;
}

.indice a:hover{
		color:red;
		font-size:0.8em;
}

.indice a{
		color:gray;
		font-size:0.8em;
}
/* cuestionarios */
dt.titulo2{
border-top:thin solid green;
		margin-bottom:4px;
		margin-top:20px;
		padding-left:5px;
		padding-bottom:1px;
		padding-top:10px;
	 	font-family: Ubuntu, sans-serif, Times;
		font-weight:bold;
		text-align:left;
		font-size:0.8em;

}
dt.titulo2:hover {
		background-color:#FFFFCC;
		border-left:1px dashed red;
		border-right:1px dashed red;
		border-bottom:1px dashed red;
		padding-bottom:0px;
}
dt.titulo2 a {color:gray}
dt.titulo2 a:hover{color:red}


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

.cajathumbnail{
 float:left;
 padding-left:5px;
 padding-right:5px;
 }
 .cajathumbnail2{

 padding-left:0px;
 padding-right:5px;
 text-align:left;
 color:gray;
 font-size:0.7em;
 }

/*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;
}



/*MARCAS SELECCIONADAS DE IMAGENES en IMGANES GRANDES*/

div.bordes {

    margin-left:5px;
    width:175px;
		box-shadow:0px 1px 3px silver;


}
div.bordes dt{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid white;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    padding:3px;
    background-color:white;


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


}
div.bordes dt:hover{
    background-color:#f0f0f0;
    border-left: 1px solid red;
    border-right: 1px solid red;
        border-radius: 5px;
}
div.bordes a:hover{
    color:red;
}
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;
}

/*TEXTO bajo la imagen principal*/

.preparacion{
 font-family:sans;
 padding:10px;
 font-size:0.7em;
 margin-bottom:15px;
 line-height: 1.5em;
 color:gray;
 box-shadow: 0px 0px 3px gray;
}

/*CAJONES PARA PAGINA Y TABLA CON TODAS LAS IMÁGENES*/

dt.titulo3{

		margin-bottom:2px;
		padding-left:5px;
		padding-bottom:1px;
		padding-top:5px;
	 	font-family: Ubuntu, sans-serif, Times;
		text-align:left;
		font-size:0.8em;

}
dt.titulo3 a {color:gray}
dt.titulo3 a:hover{color:red}



/*Fecha*/
.fecha{
 text-align:right;
 font-size:0.7em;
 font-style:italic;
 color:gray;
 font-family:sans;
}



/*PIE DE PAGINA*/

.piepie{
    padding:10px;
    border-top:thin solid silver;
    font-family: arial;
    color:gray;
}
div.actualizacion{

    float:right;
    font-style:italic;
    font-size:0.7em;
    color:gray;
}

div.pie{

    float:left;
    margin-left:20px;
    padding-left:10px;
    line-height: 15px;
    border-left: thin solid orange;
    font-size:0.7em;
}

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


div.cajaimagenes  a{color:gray}
div.cajaimagenes:hover {background-color: #eeeeee;}
div.cajaimagenes a:hover {color: red;}

/* Cajon para enlace a  DICCIONARIO y BIBLIOGRAFIA*/

div.diccorg{
    width:120px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    font-family: sans-serif, Times;
    font-style:italic;
    font-size:0.7em;
    text-align:left;

}

div.diccorg:hover{
    background-color: #eee;
    border-right: thin solid red;

}

div.diccorg a:hover{
    color:brown;

}

div.diccorg a{
    color:gray;
}