body{
    background-color:#666;
    position: relative;
    width:820px;
    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: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:#444;
 border: thin solid gray;
     padding:1px;
}

#primary_nav_wrap ul a {
	display:block;
	color:#9f9f6c;
	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;
   background-color:#444;
}


#primary_nav_wrap ul li:hover
{
                    background:#bbb;
                   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 silver;
   margin-top: 70px;
   margin-bottom:60px;
   color:#ffaa00;
}

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


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

 



/*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;
    width:98%;
    padding-bottom:50px;    
    border-top:thin solid silver; 
    color:gray;
   
}

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

div.pie a{color:silver;
font-size:0.8em
}

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

/*Fecha*/

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

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

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

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

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

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

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

.res-amp a:hover{
  font-size:0.7em;
color:#f6adad;
text-shadow:1px 1px 1px black;
}

/*bibliografia*/

.bibliografia{
    margin-left:10px;
    font-family:'Ubuntu', arial;
    font-size:0.8em;
    color:lightgreen;
    margin-top:30px;
    border-top:thin solid silver; 
}
.bibliografia2{
    margin-left:9px;
    font-family:'Ubuntu', arial;
    font-size:0.8em;
    color:#eee;
    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: #555;
 box-shadow: 0px 0px 6px white;
  margin-top:-15px;  
  margin-left:-35px;
  padding:5px;
  border:thin solid silver;
 }

/*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;
      padding-top:10px;
  float:left;
}
.iconos-l a  img{
    border-left:3px double #666;
    border-right:3px double #666;
    margin-left: auto;
    margin-right: auto;
    }
.iconos-l a:hover img{
    border-left:3px double orange;
    border-right:3px double orange;
    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:silver;
   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 #666;
    border-right:3px double #666;
    margin: 0, auto;
    }
.iconos-r a:hover img{
    border-left:3px double orange;
    border-right:3px double orange;
  margin: 0, auto;
}
.iconos-r p{
   color:gray;
   font-size:0.8em;
    font-family: 'opensans', arial;

}

.iconos-r figcaption{
    margin-top:10px;
   color:silver;
   font-size:0.8em;
    font-family: 'opensans', arial;

}

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

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

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

.ampliacion2 img{width:40px;}