/* Elementos principales de la página */

body
{
    background-color: #fdfbcf;
    font-family: Georgia, Arial, serif;
    color: #181818;
}

#inicio
{
    width: 1680px;
    margin: auto;
    float: none;
    display: inline-block;
}
/*
#main_title
{
    display: inline-block;
}
*/
section nav a
{
    font-family: Georgia, serif;
    font-weight: normal;
}
a:link{
  text-decoration: none;
  color: #000;
}
a:visited {color: #00F;}
a:hover {color: #F00;}
nav a:link {color:#ffffff;}
nav a:visited {color: #8080ff;}
nav a:hover
{
    color: #ff0000;
    border-bottom: 3px solid #ff0000;
}

/* Encabezado */

header {background:;}



/* Navegación */

nav
{
    display: inline-block;
    width: 1680px;
    text-align: center;
}

nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 15px;
    font-size: 15px;
    font-weight: 400;
    background: #040460;
    margin: 0 0 10px;
    padding: 10px;
    border: 2px solid #040460;
}

nav a
{
    font-size: 1.3em;
    color: #ff0000;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color: #ff0000;
    border-bottom: 3px solid #ff0000;
}

/* Cuerpo */

.indice
{
  li{list-style: square;}
}
.principal
{
   display: flex;
   justify-content: center;
}
.secundario
{
 float: left;
 clear: both;
 width: 740px;  
 display: inline-block;
}
.secundario2
{
 float: left;
 clear: both;
 width: 1020px;  
 display: inline-block;
}
.secundario3
{
 float: left;
 clear: both;
 width: 620px;  
 display: inline-block;
}
.portada
 {
 float:left;
 width:500px;
	display:inline-block;
 padding: 5px,10px, 0px, 0px;
 }
.contenido
 {
 float:left;
 width:500px;
	display:inline-block;
 color:#040460
 }
 .revistas
 {
 float: left;
 width:185px;
	display: inline-block;
 text-align: center;
 }
 .fotov
 {
 float: left;
 width:185px;
	display: inline-block;
 padding: 0px, 5px, 0px, 5px;
 text-align: center;
 }
 .fotoap
 {
 float: left;
 width:230px;
	display: inline-block;
 padding: 0px, 2px, 0px, 2px;
 text-align: center;
 }
  .fotoap2
 {
 background-color: rgb(240,252,252);
 float: left;
 width:260px;
	display: inline-block;
 padding: 0px, 2px, 0px, 2px;
 text-align: center;
 }
.descargas
 {
 float:left;
 width:740px;
 padding: 5px, 0px, 0px, 10px;
	display:inline-block;
 color:#040460
 }
.secciones
 {
 width:280px;
	display: inline-block;
 padding: 5px, 10px, 0px, 30px;
 color:#040460
 } 
.lateral
 {
 width:280px;
 text-align: center;
 color:#040460
 }
.lateral2
 {
 width:200px;
 text-align: center;
 color:#040460
 } 
 
/* Desplegar y ocultar números */
 
 details summary {
    list-style:none;
    cursor: pointer;
 }
 /*
.caja {
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
background: #FAE9A2;
margin: 0 0 10px;
overflow: hidden;
padding: 20px;
border-radius: 35px 0px 0px 0px;
-moz-border-radius: 35px 0px 0px 0px;
-webkit-border-radius: 35px 0px 0px 0px;
border: 2px solid #C9BC81;
}
.caja2 {
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
background: #F3C097;
margin: 0 0 10px;
overflow: hidden;
padding: 20px;
border-radius: 35px 0px 0px 0px;
-moz-border-radius: 35px 0px 0px 0px;
-webkit-border-radius: 35px 0px 0px 0px;
border: 2px solid #E1490D;
}
.caja3 {
font-size: 18px;
font-weight: 400;
color: #ffffff;
background: #cfd0d1;
margin: 0 0 10px;
overflow: hidden;
padding: 20px;
border-radius: 35px 0px 0px 0px;
-moz-border-radius: 35px 0px 0px 0px;
-webkit-border-radius: 35px 0px 0px 0px;
border: 2px solid #908f8e;
}
.caja4 {
font-size: 18px;
font-weight: 400;
color: #ffffff;
background: #c1e3f9;
margin: 0 0 10px;
overflow: hidden;
padding: 20px;
border-radius: 35px 0px 0px 0px;
-moz-border-radius: 35px 0px 0px 0px;
-webkit-border-radius: 35px 0px 0px 0px;
border: 2px solid #a9c6da;
}

.caja5 {
font-size: 18px;
font-weight: 400;
color: #ffffff;
background: #f5c4f9;
margin: 0 0 10px;
overflow: hidden;
padding: 20px;
border-radius: 35px 0px 0px 0px;
-moz-border-radius: 35px 0px 0px 0px;
-webkit-border-radius: 35px 0px 0px 0px;
border: 2px solid #d865e3;
}
.caja6 {
font-size: 18px;
font-weight: 400;
color: #ffffff;
background: #c6f85b;
margin: 0 0 10px;
overflow: hidden;
padding: 20px;
border-radius: 35px 0px 0px 0px;
-moz-border-radius: 35px 0px 0px 0px;
-webkit-border-radius: 35px 0px 0px 0px;
border: 2px solid #93b941;
}*/
.letra
{
 float:left;
 width:35px;
	display:inline-block;
 color:#040460 
}
 /* Separador */

 .pie2
 {
 clear:both;
 }