body{
    background-color:white;
    position: relative;
      max-width:98%;
    margin-left: auto;
    margin-right: auto;
}

 

/*imagen banner*/

   #BanImagen {
     background-image:url('fondo-2014.png');
      background-image:cover; 
border-radius:10px;
margin-bottom:2px;
padding-top:40px;
  padding-bottom:40px;
font-family: 'Ubuntu', serif;
text-shadow: 2px 2px 3px black;
font-size:1.5em;
font-weight:bold;
    text-align:center;
      max-width:100%;
color: white;
      margin-left: auto;
    margin-right: auto;
    }



/*Menú del Banner de cabecera*/

#primary_nav_wrap {
display: none;
}




/*Título página*/

.CabeceraTitulo{
   font-weight: bold;
   letter-spacing: 0.4em;
   text-align:center;
   padding:10px;
   font-family:'Ubuntu';
   font-size:1.3em;
   text-shadow:1px 1px 5px gray;
}

.Texto-Panel
{
  float:left;
  margin-bottom:30px;
 width:100%;
}

/*Texto principal*/
.texto
{
  float:left;
width:100%;
padding-left:5%;

}

/*Texto principa-MenuLateral*/
.MenuLateral
  {
    display: none;
  }

  /*Bandera*/

  .bandera
  {
     float:right;
     margin-right:5px;
  }

/*INDICE Hamburguesa arriba izquierda GLOBAL*/
div.IndicepieHambArriba {display: block;}

div.IndicepieHambArriba dl{
	position:relative;
	border-radius:10px;
  margin-top:10px;
    }

div.IndicepieHambArriba dl dt {
	text-align:left;
	padding-left:5px;
	padding-bottom:3px;

}

div.IndicepieHambArriba dl dt dl{
    position: absolute;
    display: none;
    top:-10px;
    left:35px;
    background-color: white;
    padding-right:15px;
    padding-left:5px;
    border:solid 2px orange;
}

div.IndicepieHambArriba dl dt:hover  dl{ display: block; width: 150px; z-index:1 }

div.IndicepieHambArriba dt:hover{
		border-radius: 5px;
}

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

div.IndicepieHambArriba dt a:hover{
 color:brown;
}



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

div.IndicepieHambArriba2-c dl{
position:relative;
border-radius:10px;
  padding-right: 0px;
  margin-top:10px;
}

div.IndicepieHambArriba2-c dl dt {
	padding-left:5px;
	padding-bottom:3px
}

div.IndicepieHambArriba2-c dl dt dl{
      position: absolute;
    display: none;
    top:-38px;
    left:-167px;
    background-color: white; 
    padding:10px;  
    border-radius: 5px;    
    padding-left:5px;    
    border: thin solid brown;
}

div.IndicepieHambArriba2-c dl dt:hover  dl{
   display: block; 
    width: 155px; 
    z-index:1}




/* PANEL LATERAL*/

div.indice{
  padding-left:5px; 
    margin-top: 0;
    padding-top: 0;
    border-left: thin solid brown;
   left:155px;
   position: relative;

}

dt.titulo-indice{
	font-family: 'opensans', arial;
	font-size:0.8em;
	color:brown;
	text-align:left;
	padding-left: 10px;
	padding-top: 5px;
                    background-color:#f2f2ff;
	border-radius:5px;
	width:150px;
	height:25px;
	}

dt.enposicion{
  width:150px;
    background-color:#bbb5b5;
    padding-left:10px;
    padding-bottom:4px;
    padding-top:4px;
    margin:2px;
  border-radius: 5px;
    border-bottom: thin solid #eaeaea;
    border-right:medium solid brown;
}

dt.enposicion a{
    display:block;
  font-family: 'opensans', arial;
    color:white;
     font-size:0.8em;
     letter-spacing: 0.1em;
}

dt.titulo{
       width:150px;
    background-color:#f2f2f2;
    padding-left:10px;
    padding-bottom:4px;
    padding-top:4px;
    margin:2px;
    border-radius: 5px;
    border: thin solid #eaeaea;
}
dt.titulo:hover{
background-color:#fff9f2;
    padding-top:5px;
    padding-bottom:2px;

}
dt.titulo a{
   display:block;
  font-family: 'opensans', arial;
    color:black;
     font-size:0.8em;
     letter-spacing: 0.1em;
}

dt.prueba{
    background-color:#fcfcfc;
    width:150px;
    padding-top:4px;
    padding-bottom:4px;
    margin:3px;
    padding-left:10px;
    border-radius: 5px;

}

dt.prueba:hover{
  background-color:#fff9f2;
    padding-top:5px;
    padding-bottom:2px;
}


dt.titulo a:hover{
     color:brown;
}

dt.prueba a:hover{
    color:brown;
}

dt.prueba a{
  display:block;
  font-family: 'opensans', arial;
    color:#555;
    font-size:0.75em;
    letter-spacing: 0.1em;
}









/* Cajon para enlace a  DICCIONARIO y BIBLIOGRAFIA*/

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

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

}

div.diccorg a:hover{
    color:brown;

}

div.diccorg a{
    color:gray;
}

 
div.IndicepieHambArriba3 dl dt a{
  color:gray;
  font-family: 'opensan', sans-serif;
  font-size:0.7em;
}
div.IndicepieHambArriba3 dl dt a:hover{
  color:red;
  font-family: 'opensan', sans-serif;
  font-size:0.7em;
}

div.IndicepieHambArriba3 dl dt dl{
    position: absolute;
    display: none;
    top:-10px;
    left:-185px;
    background-color: #fafafa;
    padding-right:15px;
    padding-left:5px;
    padding-top:5px;
    border: thin solid silver;
    z-index:2;
}

div.IndicepieHambArriba3 dl dt:hover  dl{ display: block; width: 170px; z-index:1 }


 #myBtn {
  display: none;
  position: fixed;
  top: 5px;
  right: 10px;
  z-index: 99;
  font-size: 0.8em;
  cursor: pointer; 
  box-shadow: 2px 2px 5px gray;
  color: #44f;  
  max-height: 30px;
 }


/*PIE DE PAGINA*/
.piepie{
  margin-top:5px;
    padding-left:10px;
    border-top:thin solid silver;
    font-family: arial;
    color:gray;
    width:98%;
    float:left;
}

div.pie{
    float:left;
    margin-left:10px;
    padding-left:10px;
    font-family: 'opensans', helvetica;
    font-size:1em;
    color:gray;
    line-height: 15px;
    border-left: thin solid orange
}

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



/*Fecha*/

.actualizado{
    text-align: right;
    font-family:'opensans', arial;
    font-size:0.7em;
    color:gray;
    margin-bottom:10px;
    margin-top:5px;
    margin-right:5px;
}

/*indice incial*/
.resumen {
  font-family:'opensans', arial;
   background-color: #fafafa;
   padding:15px;
   margin-top:0px;
   margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;
   border:thin solid silver;
   border-radius: 10px;
}

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

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

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

.res-amp span{
  font-family: 'opensans', helvetica;
	font-size:0.7em;
  color:#222;
}

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

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

/*bibliografia*/

.bibliografia{
    margin-left:10px;
    font-family:'Ubuntu', arial;
    font-size:0.8em;
    color:maroon;
    margin-top:30px;
    border-top:thin solid silver;
}
.bibliografia2{
    margin-left:9px;
    font-family:'Ubuntu', arial;
    font-size:0.8em;
    color:gray;
    padding-left:20px;
    text-indent:-20px;
    line-height: 1.5em;

}

 ul.BiblioReferencias {
 clear: both;
 margin-left: -35px;
list-style:none;
 width:100px
 }   
 ul.BiblioReferencias ul li{
 display:none;
 } 
 ul.BiblioReferencias li:hover ul li{
 display: block; 
 position: absolute;  
 z-index:1;	
 background-color: white;
 box-shadow: 0px 0px 8px black;
  margin-top:-15px;  
  margin-left:-35px;
  padding:5px;
  border:thin solid brown;
 }

/*profundidad para páginas básicas avanzadas, básicas*/
.profundidad {
    border:thin solid silver;
    text-align:center;
    font-family:'Ubuntu', arial;
    font-size:0.9em;
    border-radius:10px;
     font-weight: bold;
     color:green;
}
.profundidad a{
    color:blue;
        font-size:0.8em;
    margin-left:10px;
     margin-right:10px;
     padding:5px;
      font-weight: 100;
}
.profundidad a:hover{
        font-size:0.8em;
    color:maroon;
    font-style: italic;
  background-color: white;
box-shadow: 0px 0px 5px black;
border-radius:5px;
}





/*ICONOS*/
/*Iconos para imagenes grandes-ajuste IZQUIERDA*/

.iconos-l{
   width:200px;

}
.iconos-l  a img{
    display:block;
    margin-left: auto;
    margin-right: auto;
    border-left:3px double white;
    border-right:3px double white;

    }
.iconos-l a:hover img{
    border-left:3px double blue;
    border-right:3px double blue;
    margin-left: auto;
    margin-right: auto;
}
.iconos-l p{
   color:gray;
   font-size:0.8em;
    font-family: 'opensans', arial;
}

.iconos-l figcaption{
       margin-top:10px;
        width:200px;
      margin-left: auto;
margin-right: auto;
   color:gray;
   font-size:0.8em;
    font-family: 'opensans', arial;

}

/*Iconos para imagenes grandes-ajuste DERECHA*/

.iconos-r{
  width:200px;
float:right;
}
.iconos-r a  img{
    border-left:3px double white;
    border-right:3px double white;
    margin-left: auto;
    margin-right: auto;
    }
.iconos-r a:hover img{
    border-left:3px double blue;
    border-right:3px double blue;
    margin-left: auto;
    margin-right: auto;
}
.iconos-r p{
   color:gray;
   font-size:0.8em;
    font-family: 'opensans', arial;

}

.iconos-r figcaption{
       margin-top:10px;
        width:200px;
      margin-left: auto;
margin-right: auto;
   color:gray;
   font-size:0.8em;
    font-family: 'opensans', arial;

}




/* icono info con enlace a páginas de ampliaciones */
.ampliacion2{

    text-align:center;
    color:gray;
    margin:10px;
    width:60px;
}

.ampliacion2 figcaption{font-size:0.7em; 	font-family:  'opensans', arial;}

.ampliacion2 img{width:40px;}