/**
 * Plataforma de Conocimiento
 *
 * Copyright (C) 2015, 2016, 2017 Guillermo Valdes Lozano
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

/*
 * Global
 */
body {
    font-family:Helvetica,Arial,sans-serif;
    font-size:15px;
    line-height:1.6;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family:Helvetica,Arial,sans-serif;
    font-weight:bold;
    line-height:1.2;
}
h1, .h1 { font-size:32px; margin-top:16px; margin-bottom:14px; }
h2, .h2 { font-size:24px; margin-top:14px; margin-bottom:12px; }
h3, .h3 { font-size:20px; margin-top:12px; margin-bottom:8px; }
h4, .h4 { font-size:14px; margin-top:8px;  margin-bottom:4px; }
h5, .h5 { font-size:12px; margin-top:4px;  margin-bottom:2px; }
h6, .h6 { font-size:10px; margin-top:4px;  margin-bottom:2px; }

/*
 * Page wrapper
 */
#page-wrapper { padding:0; }

/*
 * Cuerpo
 */
.cuerpo                        { padding:8px 16px; }

.encabezado                    { margin-bottom:12px; padding:0; }
.encabezado-descripcion        { margin:4px 0; font-size:1.0em; }
.encabezado-autor-fecha        { margin:4px 0; font-size:0.8em; }

.breve                         { padding:8px 0; }

.titulo                        { font-size:1.2em; line-height:1.4; }
.descripcion                   { font-size:1.0em; line-height:1.2; }
.autor                         { font-size:0.8em; line-height:1.0; }

.autor-empresa-cargo,
.autor-email-twitter           { padding:4px 0 4px 0; font-size:0.8em; }
.autor-empresa                 { font-weight:bold; }
.autor-semblanza               { font-size:0.8em; }

.contenido-imagen-previa       { padding:0 16px 8px 0; float:left; }
.contenido-imagen-previa-final { clear:left; }

.compactos                     { padding:8px; }
.compactos-cuerpo              { vertical-align:middle; }

.detallados-encabezado         { font-size:1.2em; line-height:1.4; }
.detallados-descripcion        { font-size:1.0em; line-height:1.2; }
.detallados-autor-fecha        { font-size:0.8em; line-height:1.0; }

.galeria-thumbnail             { background-color:transparent; border:none; text-align:center; }
.galeria-imagen                { padding:4px; border:none; }

.tarjetas-thumbnail            { background-color:transparent; min-height:400px; }
/* cambios vm  inicio*/
.tarjetas-thumbnail2           { background-color:transparent; min-height:300px; }
/* cambios vm  fin*/
.tarjetas-imagen               { background-color:transparent; padding:4px; border:none; }
.tarjetas-descripcion          { font-size:0.8em; }

.publicador                    { padding:4px; font-size:0.8em; }
.publicador h3                 { padding:4px 0; margin:2px 0; }

/*
 * Mapa inferior
 */
.mapa-inferior            { padding:8px 16px; }
.redes-sociales           { font-size:2.5em; }
.redes-sociales a,
.redes-sociales a:link,
.redes-sociales a:visited,
.redes-sociales a:hover,
.redes-sociales a:active  { text-decoration:none; }

/*
 * Pagina inicial
 */
#organizacion,
#destacado,
#ultimas-publicacitarjetas-imagenones,
#categorias,
#redes                              { padding:8px 16px; }
#destacado .destacado-servicio      { min-height:128px; }
#ultimas-publicaciones .breve       { padding:8px 0; }
#ultimas-publicaciones .autor-fecha { font-size:0.8em; }

/*
 * Responsivo
 */
@media only screen and (max-width: 1190px) {
    body                                 { font-size:14px; line-height:1.5; }
    #destacado .contenido-imagen-previa  { width:112px; height:112px; margin:6px; }
    #ultimas-publicaciones .media-object { width:112px; height:112px; }
}
@media only screen and (max-width: 990px) {
    body                                 { font-size:13px; line-height:1.4; }
    h1, .h1                              { font-size:24px; }
    h2, .h2                              { font-size:20px; }
    h3, .h3                              { font-size:18px; }
    h4, .h4                              { font-size:14px; }
    h5, .h5                              { font-size:12px; }
    h6, .h6                              { font-size:10px; }
    .encabezado-descripcion              { margin:3px 0; }
    .encabezado-autor-fecha              { margin:3px 0; }
    .contenido-imagen-previa             { float:none; }
    #destacado .destacado-servicio       { min-height:110px; }
    #destacado .contenido-imagen-previa  { width:96px; height:96px; margin:0 4px; float:left; }
    #ultimas-publicaciones .breve        { padding:6px; }
    #ultimas-publicaciones .media-object { width:96px; height:96px; }
}
@media only screen and (max-width: 770px) {
    body                                 { font-size:12px; line-height:1.3; }
    h1, .h1                              { font-size:22px; }
    h2, .h2                              { font-size:18px; }
    h3, .h3                              { font-size:16px; }
    h4, .h4                              { font-size:14px; }
    h5, .h5                              { font-size:12px; }
    h6, .h6                              { font-size:10px; }
    .encabezado-descripcion              { margin:2px 0; }
    .encabezado-autor-fecha              { margin:2px 0; }
    .contenido-imagen-previa             { float:none; }
    .detallados-encabezado               { font-size:1.0em; line-height:1.2; }
    .detallados-descripcion              { font-size:0.8em; line-height:1.0; }
    .detallados-autor-fecha              { font-size:0.6em; line-height:0.8; }
    #destacado .destacado-servicio       { min-height:90px; }
    #destacado .contenido-imagen-previa  { width:80px; height:80px; margin:0 4px; float:left; }
    #ultimas-publicaciones .breve        { padding:5px; }
    #ultimas-publicaciones .media-object { width:80px; height:80px; }
    #categorias h4,
    #categorias .h4                      { font-size:12px; }
}
@media only screen and (max-width: 300px) {
    body                                 { font-size:11px; line-height:1.2; }
    h1, .h1                              { font-size:18px; }
    h2, .h2                              { font-size:16px; }
    h3, .h3                              { font-size:14px; }
    h4, .h4                              { font-size:12px; }
    h5, .h5                              { font-size:11px; }
    h6, .h6                              { font-size:9px; }
    .encabezado-descripcion              { margin:2px 0; }
    .encabezado-autor-fecha              { margin:2px 0; }
    .contenido-imagen-previa             { float:none; }
    .detallados-encabezado               { font-size:1.0em; line-height:1.2; }
    .detallados-descripcion              { font-size:0.8em; line-height:1.0; }
    .detallados-autor-fecha              { font-size:0.6em; line-height:0.8; }
    #destacado .destacado-servicio       { min-height:70px; }
    #destacado .contenido-imagen-previa  { width:64px; height:64px; margin:0 2px; float:left; }
    #ultimas-publicaciones .breve        { padding:4px; }
    #ultimas-publicaciones .media-object { width:64px; height:64px; }
    #categorias h4,
    #categorias .h4                      { font-size:10px; }
}