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


img {
    border:0;
}

a{
    text-decoration:none;
}


h2 {
   font-weight: bold;
   letter-spacing: 0.4em;
   text-align:center;
   padding:10px;
   font-family:'opensans', 'Ubuntu';
   font-size:1.2em;
    color:green;
    margin-top:40px;
    margin-bottom:50px;
}

h2 span {
    font-size:smaller;
color:gray;
}



h3 {
    font-family: 'opensans', sans-serif;
    font-size: 0.9em;
    margin-left:10px;
    color:#444;
    border-bottom: thin solid lightgreen;
    width:50%;
    padding-bottom:5px;
}

h4 {
    font-family: 'opensans', sans-serif;
    font-size: 0.9em;
    margin-left:10px;
    color:#444;
    border-bottom: thin solid #ffe5ca;
    width:50%;
    padding-bottom:5px;
		font-style:oblique;
}




article {
   max-width: 100%;
   		margin-bottom:30px;
}


aside {
display: none;
}


/*ÍNDICE de PÁGINA*/

.IndicePagina{
margin-bottom:20px;
margin-bottom:20px;
float:none;
padding: 10px;
background-color: #f9f9f9;
border-radius: 10px;
border-bottom:thin solid silver;
border-right:thin solid silver;
margin-left:auto;
margin-right: auto;
}

.IndicePagina span{    
    font-family:'opensans', arial;
     color:#555555;
    font-size:0.8em;
    font-weight:bold;
    text-shadow: 1px 1px 1px white;
}

.IndicePagina a{
        color:gray; 
    margin-left:15px; 
    font-family:'opensans', sans-serif; 
    font-size:0.8em;
}

.IndicePagina a:hover{color:red}


.resumen-c {
    font-family:'opensans', sans-serif;    
        background-color: #fafafa;
    float:right;
    padding:15px;
    margin-top:0px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:15px;
    border:thin solid silver;
    border-radius: 10px;    
     width:200px;
}

.resumen-c {
    font-family:'opensans', sans-serif;
    width:200px;
    float:right;
     background-color: #fafafa;
    padding:15px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:15px;
 border:thin solid silver;
border-radius: 10px;
}

.resumen-c span{
    color:#555555;
    font-size:0.7em;
    font-weight:bold;
    text-shadow: 1px 1px 1px white;
}

.resumen-c a{color:gray; margin-left:15px; font-family:'opensans', sans-serif; font-size:0.8em;}
.resumen-c a:hover{color:red}

/*resumen y ampliaciones*/
.res-amp-c  {
 border:thin solid #ddd;
border-radius: 5px;
box-shadow: 0px 1px 1px silver;
padding:5px;
    margin-bottom: 10px;
    text-align: center;
}

.res-amp-c span{
  font-family: 'opensans', helvetica;
font-size:0.8em;
  color:#333;
}

.res-amp-c a{
  color:#638baa;
margin-left:0px;
	font-size:0.8em;
font-family: 'opensans', helvetica;
}

.res-amp-c a:hover{
  color:#aa0000;
  text-shadow:1px 1px 4px #b8cbff;
  font-family: 'opensans', helvetica;
  	font-size:0.8em;
}




/*CADENA de ENLACES*/
.cadenaenlaces
{
  margin-left:5px;
  margin-top:10px;
  padding-bottom:3px;
}

.cadenaenlaces div{
  float:left;
  background-color:#888;
  margin-right:15px;
  border-radius: 5px;
  padding-bottom:3px;
}

.cadenaenlaces div a{
  color:#eee;
}

.cadenaenlaces span{
    color:#444;
    font-family:'opensans', arial;
    font-size:0.8em;

}
.cadenaenlaces a{
    font-family:'opensans',  arial;
    font-size:0.8em;
    color:gray;
    padding:3px;

}
.cadenaenlaces a:hover{
  font-family:'opensans', arial;
    font-size:0.8em;
    padding:3px;
    color:brown;
    box-shadow: 0px 3px 4px silver;
    border-radius: 3px;

}


/*CAJA para HAMBURGUESAS*/
.hamburguesas
{
    max-width:100%;
    clear:both;
    margin-top:5px;    
    margin-top:5px;
}

/*INDICE HAMBURGUESA SECCIÓN*/
div.IndicepieHambArriba2-c {display: block; }


div.IndicepieHambArriba2-c ul{
    margin:5px;
position:relative;
border-radius:10px;
  margin-top:10px;
    list-style: none;
padding:5px;
}

div.IndicepieHambArriba2-c ul li {

}

div.IndicepieHambArriba2-c ul li ul{
    position: absolute;
    display: none;
    top:-5px;
    left:-170px;
    background-color: white;
     margin:10px;

}

div.IndicepieHambArriba2-c ul li:hover  ul{ 
    display: block; 
    width: 170px; 
    z-index:1 }

div.IndicepieHambArriba2-c li:hover{
    
}


/* PANEL LATERAL*/

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

}

div.indicet dl dt.titulo-indice{
font-size:0.9em ;
padding:6px;
margin-bottom:5px;
font-family: sans, arial;
 width:140px;
    color:Green;
    border:1px solid #f4f4f4;
    border-radius:5px;
    background-color:#f2fafa;

}

div.indicet dl dt.titulottt{
     margin-left:2px;
    margin-right:5px;
    margin-bottom:5px; 
    text-align:left;   
    padding:5px;
    font-family: 'opensans', sans-serif;
    font-size:0.8em;
    background-color:#efefef;
}

div.indicet dl dt.titulottt a{
    display:block;
    letter-spacing:0.1em;  
    color:#444;
}

div.indicet dl dt.titulottt:hover{
    background-color: #e0eee3;
    padding-top:6px;
    padding-bottom:3px;
    border-radius: 5px;
    border-bottom: thin solid #a4d0a1;
    border-right: thin solid #a4d0a1;
}


div.indicet dl dt.titulottt  a:hover{    
    color:brown;
}

div.indicet dl dt.titulott{
     margin-left:2px;
    margin-right:5px;
    margin-bottom:5px; 
    text-align:left;   
    padding:5px;
    font-family: 'opensans', sans-serif;
    font-weight: bold;
    background-color: #dff4db;
    font-size:0.8em; 
}


div.indicet dl dt.pruebat{    
     margin-left:2px;
    margin-right:5px;
    margin-bottom:5px; 
    padding:5px;
    text-align:left;   
    font-family: 'opensans', sans-serif;
    font-size:0.8em;
}

div.indicet dl dt.pruebat a{  
    display:block;
    color:#666;
}

div.indicet dl dt.pruebat:hover{     
      display:block;
     background-color: #f0fef0;
    padding-top:6px;
    padding-bottom:3px;
    border-radius: 5px;
    border-bottom: thin solid #a4d0a1;
    border-right: thin solid #a4d0a1;			
 }

div.indicet dl dt.pruebat a:hover{
color:brown;
}


/* cuestionarios */


div.indicet dl  dt.titulo2{
border-top:thin solid green;
margin-bottom:4px;
margin-top:8px;
padding-left:5px;
padding-bottom:2px;
padding-top:10px;
font-family:  'opensans', helvetica, arial;  
font-weight:bold;
text-align:left;
font-size:0.8em;

}
div.indicet dl dt.titulo2:hover {
    background-color:#fffaf7;
    padding-bottom:4px;
    padding-top:7px;
    border-bottom: thin solid #a4d0a1;
    border-right: thin solid #a4d0a1;
}

div.indicet dl dt.titulo2 a {display:block; color:gray}
div.indicet dl dt.titulo2 a:hover{color:brown}

/* ampliaciones glosario ejercicios */


div.indicet dl  dt.titulo3{
margin-bottom:4px;
padding:5px;
font-family:  'opensans', helvetica, arial;  
font-weight:bold;
text-align:left;
font-size:0.8em;

}
div.indicet dl dt.titulo3:hover {
    background-color:#fffaf7;
    padding-bottom:4px;
    padding-top:5px;
    border-bottom: thin solid #a4d0a1;
}

div.indicet dl dt.titulo3 a {display:block; color:gray}
div.indicet dl dt.titulo3 a:hover{color:green}



.cuerpo{
		color:#444;
		margin-top:0px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom: 20px;
		font-size:01em;
		font-family:  'opensans', helvetica, arial, sans-serif;
		text-indent: 30px;
		line-height:170%;
}


.letraprimera {
  color:#444;
font-size:1.5em;
}


/*RESALTADO del TEXTO*/
.resaltadito{
    color:green;
}



/* FIGURAS en TEXTO*/

 .imagenes {
    margin-top:20px;
    margin-bottom:20px;
  margin-left:10px;
margin-right:10px;
}
 .imagenes figcaption
{
    margin-top:10px;
font-size:0.8em;
 font-family:'opensans', helvetica,  'opensans';
 color:gray;
}


figure {
    margin-top:20px;
    margin-bottom:20px;
  margin-left:10px;
margin-right:10px;
}
figcaption
{
    margin-top:10px;
font-size:0.9em;
 font-family:'opensans', helvetica,  'opensans';
 color:gray;
}



/*COMADOS PALANTE PATRAS*/

 .botones-guiada
{
    max-width:100%;
    clear:both;
}


.comandos {

    font-size:0.8em;
    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{display:block; color:gray;
}
.comandos a:hover{color:red;
}


/*INDICE del FONDO -Pie*/


div.indicepie dl{
	position:relative;
	border-radius:10px;
	padding-top:5px;
	padding-bottom: 5px;
}

div.indicepie dt.pruebapie{
	text-align:center;
}

div.indicepie dt.prueba2pie{
	text-align:left;
	padding-left:10px;
	padding-bottom:3px;

}

div.indicepie dl dt.pruebapie dl{
    position: absolute;
    display: none;
    top:-150px;
    left:0px;
    background-color: white;
    padding-right:15px;
    padding-left:5px;
    border:solid 2px #99e3b2;
}

div.indicepie dl dt.pruebapie:hover  dl{ display: block; width: 200px;  }

div.indicepie dt.prueba2pie:hover{
    margin-left:2px;
		background-color:#eee;
		border-radius: 5px;
}

div.indicepie dt.pruebapie a{
	display:block;
        font-family: 'opensans', arial, sans-serif,  helvetica, serif;
        color:gray;
        font-size:0.7em;
}

div.indicepie dt.pruebapie a:hover{
 color:brown;
}

div.indicepie dt.pruebapie:hover{
 background-color: white;
}

/*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: 'opensans', sans-serif, Times;
		text-align:left;
		font-size:0.7em;

}
dt.titulo3 a {color:gray}
dt.titulo3 a:hover{
	background-color:#fffaf7;
	 border-left: 2px solid #a4d0a1;
	 padding-left:3px;
		 }

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

/*caja para enlaces sugeridos*/

div.sugerencias{
    box-shadow: 0px 0px 1px 0px #00f;
    width:150px;
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    margin-left:5px;
    border-radius:10px;
        background-color: #fff;
}

span.sugerencias{
    font-family: arial;
    color:#66f;
    font-size:0.7em;
}

div.sugerencias a{
    margin-left:10px;
     font-family: arial;
    font-size:0.7em;
    color:gray;
}
div.sugerencias a:hover{
color:red;
}


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