body{
  font-family: 'Open Sans', sans-serif; 
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
}

.pagina{
    display: block;
    /*min-height: 1460px;*/
    width: 1020px;    
    margin: 0 auto;
    padding: 0;
}
.pagina.portada{
    text-align: center;
}

.portada h1{
  font-size: 65px;
  font-weight: 700;
  color: #505050;
  margin-top: 170px;
}

.portada h1 span{  
  color: #909090;
}

h2.titulo-indice {  
  background-color: #0eadea;
  color: white;
  padding: 15px 20px;    
  margin: 0 0 0 -1cm;
  font-size: 30px;
  text-align: left;
}


h3.titulo-seccion {
    padding: 10px 10px 10px 10px;
    border-bottom: 5px solid #0eadea;
    border-top: 5px solid #0eadea;  
    color: #606060;
    font-weight: 700;
    font-size: 20px;
}

#main-content img, .contenido img {
    border: 1px solid silver;
    box-shadow: 0px 0px 4px rgba(0,0,0,.2);
    max-width: 100%;
    resize: auto;
}

ul#lista-indice {
  list-style-type: none;
  margin-left: 20px;  
}


ul#lista-indice li {
   font-size: 20px;
   font-weight: 700;
   color: #505050;
   line-height: 30px;
   margin-top: 10px;
}

ul.subindice {
  list-style-type: circle;
}

ul.subindice li {
   color: #606060;
   font-size: 14px !important;
   font-weight: 300 !important;
   line-height: 20px !important;
   margin-top: 0 !important;
}



.block {
  display: block;
  overflow: hidden;  
}
.cb { clear: both; }

input.f-orden , input.f-orden-tema
{
  width: 20px;
  text-align: center;
}

.top-programas {
    display: block;
    overflow: hidden;
    height: 50px;
    width: 50px;
    margin-top: -7px !important;
    margin-bottom: -7px !important;
    cursor: pointer;
    box-shadow: 0px 0px 4px rgba(0,0,0,.2);
}

.top-programas .ico-programa {
    display: block;
    overflow: hidden;
    height: 50px;
    width: 50px;  
    background-repeat: no-repeat;
    background-size: 50px;    
    border-radius: 4px;
    box-sizing: border-box;
    
}

.top-programas .ico-programa.activo {
  box-shadow: inset 0px 0px 4px rgba(0,0,0,.3);
  border: 2px solid #FFC107;
}

.top-programas .horizontal { background-image: url('../img/ico-horizontal.png'); }
.top-programas .vertical { background-image: url('../img/ico-vertical.png'); }
.top-programas .edificios { background-image: url('../img/ico-edificios.png'); }
.top-programas .juntas { background-image: url('../img/ico-juntas.png'); }
.top-programas .agenda { background-image: url('../img/ico-agenda.png'); }
.top-programas .nominas { background-image: url('../img/ico-nominas.png'); }
.top-programas .editor { background-image: url('../img/ico-editor.png'); }
.top-programas .agregador { background-image: url('../img/ico-agregador.png'); }
.top-programas .contabilizador { background-image: url('../img/ico-contabilizador.png'); }
.top-programas .workflow { background-image: url('../img/ico-workflow.png'); }
.top-programas .work-assistant { background-image: url('../img/ico-work-assistant.png'); }
.top-programas .gesdoc { background-image: url('../img/ico-gesdoc.png'); }
.top-programas .apps { background-image: url('../img/ico-apps.png'); }
.top-programas .hoja-calc { background-image: url('../img/ico-hojacalc.png'); }
.top-programas .tu-admin { background-image: url('../img/ico-tuadmin.png'); }
.top-programas .gesmorosidad { background-image: url('../img/ico-gesmorosidad.png'); }