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


/*imagen banner*/

#BanImagen {
    background-image:url('fondo-2014.png');
    background-size: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:2.3em;
    font-weight:bold;
    text-align:center;
    max-width:100%;
    color: white;
}


/*Menú del Banner de cabecera*/
#primary_nav_wrap {
    margin:auto;
}

#primary_nav_wrap ul {
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:1px;
    border-radius: 5px;
    margin-bottom: 5px;
    width:100%;
    background-color:#fafafa;
    border: thin solid lightblue;
    padding:0px;

}

#primary_nav_wrap ul a {
    display:block;
    color:#90906c;
    text-decoration:none;
    font-size:0.7em;
    line-height:25px;
    padding:3px;
    font-family: 'opensans', arial;
}

#primary_nav_wrap ul a:hover
{
    color:maroon;
}

#primary_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
}


#primary_nav_wrap ul li:hover
{
    background:#fafafa;
    box-shadow:  0px 0px 2px gray;
    border-radius:5px;
}

#primary_nav_wrap ul ul
{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    padding:0;
    width:150px;
    box-shadow: 0px 0px 6px silver;
}

#primary_nav_wrap ul ul li
{
    float:none;
    width:150px
}

#primary_nav_wrap ul ul a
{
    line-height:90%;
    padding:10px 10px
}

#primary_nav_wrap ul ul ul
{
    top:0;
    left:100%
}

#primary_nav_wrap ul li:hover > ul
{
    display:block;
}

main{

}





/*Título página*/

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

.CabeceraTitulo span{
    font-size:smaller;
    color:gray;
}


/*Bandera*/
.bandera
{
    float:right;
    padding-right:5px;
}


.IndicepieHambArriba{
    display:none;
}

.IndicepieHambArriba2{
    display:none;
}

 #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;
}

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

/*Texto principal*/
.texto
{
    float:left;
    width:80%;
}





/*INDICE Hamburguesa  PÁGINA*/
div.IndicepieHambArriba3 { display:block; }

div.IndicepieHambArriba3 dl{
    position:relative;
    border-radius:10px;
    padding-right: 5px;
    margin-top:20px;
}

div.IndicepieHambArriba3 dl dt {
    padding-left:5px;
    padding-bottom:3px;
}
div.IndicepieHambArriba3   span{
    color: #555;
    font-family: arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
}

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 }


/*PIE DE PAGINA*/
footer{
    margin-top:5px;
    padding-left:10px;
    border-top:thin solid silver;
    width:98%;
    padding-bottom:50px;
}

/*Fecha*/

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

/*Menús*/

div.pie{
  float:left;
  margin-left:10px;
  padding-left:10px;
  font-family:sans-serif;  
    line-height: 15px;
    border-left: thin solid orange; 
    color:#aaa;
}

div.pie a{color:#aaa;
font-size:0.8em}
div.pie a:hover{color:red;
font-size:0.8em
}

 


/*indice incial*/
.resumen {
    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 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:#333;
}

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

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

/*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;
    float:left;
}
.iconos-l a  img{
    border-left:3px double white;
    border-right:3px double white;
    margin-left: auto;
    margin-right: auto;
}
.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;
    color:gray;
    font-size:0.8em;
    font-family: 'opensans', arial;

}

/*Iconos para imagenes grandes-ajuste DERECHA*/

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

}

.iconos-r figcaption{
    margin-top:10px;
    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;}