/**
 * trcimplan.css
 *
 * Copyright (C) 2015, 2016, 2017 Guillermo Valdes Lozano <guivaloz@movimientolibre.com>
 *
 * 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:'Noto Sans',sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:1.4;
    background-color:#F0F0F0;


}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family:'Roboto Condensed',Helvetica,Arial,sans-serif,sans-serif;
    font-weight:400;
    line-height:1.4;
}
h1, .h1   { font-size:32px; margin:0 0 16px 0; padding:32px 0 0 0; }
h2, .h2   { font-size:24px; margin:0 0 12px 0; padding:24px 0 0 0; border-bottom: 2px #DDD solid; }
h3, .h3   { font-size:20px; margin:0 0 10px 0; padding:20px 0 0 0; border-bottom: 1px #DDD solid; }
h4, .h4   { font-size:16px; margin:0 0 8px 0; }
h5, .h5   { font-size:12px; margin:0 0 6px 0; }
h6, .h6   { font-size:10px; margin:0 0 5px 0; }
p         { margin:0 0 12px 0; }
a         { color:#A52100; text-decoration:none; font-weight:400; }
a:link,
a:visited { color:#A52100; text-decoration:none; }
a:hover,
a:active  { color:#FF3300; text-decoration:none; }

/*
 * Menus
 */
.navbar-default {
    background-color:#F0F0F0;
    color:#646464;
}
.navbar-static-top {
    border-bottom:1px solid #FF3300;
}
#side-menu {
    font-family:'Roboto Condensed',Helvetica,Arial,sans-serif,sans-serif; font-weight:400;
    font-size:14px;
}
#side-menu a         { color:#646464; }
#side-menu a:link,
#side-menu a:visited { color:#646464; background-color:#F0F0F0; }
#side-menu a:hover,
#side-menu a:active  { color:#646464; background-color:#E3E3E3; }
.navegacion-icono {
    display:inline-block; width:24px;
    font-size:1.2em;
    color:#FF6C00;
}

/*
 * Page Wrapper
 */
#page-wrapper  {
    background-color:#E3E3E3;
}

/*
 * Cuerpo
 */
.cuerpo {
    background-color:#FFF;
}
.encabezado {
    background-color:#646464;
}
.encabezado h1,
.encabezado h2 {
    color:#FFFFFF;
    margin-top:0;
    margin-bottom:0;
    padding:14px 2px 4px 4px;
}
.encabezado-icono {
    font-size:1.6em;
}
.encabezado-descripcion {
    color:#DCDCDC;
    font-family:'Roboto Condensed',Helvetica,Arial,sans-serif,sans-serif; font-weight:400;
    font-size:20px;
    line-height:1.2;
    margin-top:4px;
    margin-bottom:4px;
    padding:2px 2px 2px 4px;
}
.encabezado-autor-fecha {
    background-color:#F0F0F0;
    color:#808080;
    /*font-size:1.0em;   VM*/
    font-size:1.2em;
    font-family:'Roboto Condensed',Helvetica,Arial,sans-serif,sans-serif; font-weight:400;
    /*line-height:1.2;   VM*/
    line-height:1.4;
    padding:2px 2px 2px 4px;
}
.contenido {
    padding-bottom:12px;
    color:#222;
}
.contenido-autor-fecha {
    color:#444;
    font-size:0.8em;
}
.contenido-descripcion {
    color:#888;
    font-size:0.8em;
}
.contenido-imagen {
    padding:24px;
}
.contenido-imagen-previa {
    padding:0 24px 12px 0;
    float:left;
}
.titulo {
    color:#000;
}
.descripcion {
    font-size:0.8em;
}
.autor {
    background-color:#F0F0F0;
    font-size:0.8em;
}
.autor-fecha {
    color:#888;
    font-size:0.6em;
}
.autor-email-twitter {
    font-size:1.0em;
    font-family:'Roboto Condensed',Helvetica,Arial,sans-serif,sans-serif; font-weight:400;
}
.imagen-previa {
    padding:0 24px 12px 0;
    float:left;
}
.centrado {
    text-align:center;
}
.derecha {
    text-align:right;
    white-space:nowrap;
}
.vinculo {
    display:block;
    width:100%;
}
.nd {
    background-color:#EEE;
    color:#888;
    text-align:center;
}
.color1 { background-color:#FFF2E3; }
.color2 { background-color:#EDF0FF; }
.color3 { background-color:#FFFCC3; }
.color4 { background-color:#FFE7FF; }
.color5 { background-color:#EAF0CC; }
.color6 { background-color:#E8FCE6; }
.color7 { background-color:#FFF1CF; }
.color8 { background-color:#EFE5F9; }
.mapa {
    height:500px;
    margin-top:8px;
    margin-bottom:8px;
    border:1px solid #CCC;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
    border-radius:4px;
}
.publicador {
    font-size:1.0em;
    background-color:#DFDFDF;
    border-top:1px solid #CCC;
    color:#666;
    padding:4px;
}
.contenido-social {
    background-color:#BFBFBF;
    padding:2px;
}

/*
 * Videos responsivos
 */
.videowrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.videowrapper iframe,
.videowrapper object,
.videowrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
 * Lenguetas
 */
.lenguetas > li > a,
.lenguetas > li > a:link,
.lenguetas > li > a:visited {
    color:#444;
    background-color:#DDD;
    border-color:#AAA;
    border-bottom:none;
}
.lenguetas > li > a:hover,
.lenguetas > li > a:active {
    color:#000;
    background-color:#EEE;
    border-color:#000;
    border-bottom:none;
}
.lenguetas > li.active > a,
.lenguetas > li.active > a:link,
.lenguetas > li.active > a:visited {
    background-color:#FFF;
    border-color:#AAA;
    border-bottom:none;
}
.lenguetas > li.active > a:hover,
.lenguetas > li.active > a:active {
    background-color:#FFF;
    border-color:#000;
    border-bottom:none;
}
.lengueta-contenido {
    background-color:#FFF;
    border-right:1px solid #AAA;
    border-bottom:1px solid #AAA;
    border-left:1px solid #AAA;
    padding:4px;
}

/*
 * Mapa inferior
 */
.mapa-inferior            { background-color:#F0F0F0; }
.mapa-inferior-logo       { padding:4px; }
.redes-sociales           { color:#646464; }
.redes-sociales a         { color:#646464; padding:2px; }
.redes-sociales a:link,
.redes-sociales a:visited { color:#646464; }
.redes-sociales a:hover,
.redes-sociales a:active  { color:#FF3300; }

/*
 * Galeria
 */
.galeria-thumbnail {
    background-color:transparent;
    border:none;
    text-align:center;
    min-height:220px;
}
.galeria-icono {
    font-size:5em;
}
a.galeria-icono         { color:#A52100; }
a.galeria-icono:link,
a.galeria-icono:visited { color:#A52100; }
a.galeria-icono:hover,
a.galeria-icono:active  { color:#FF3300; }
.galeria-imagen {
    padding:4px;
    border:0;
    width:128px; height:128px;
}
.galeria-nombre {
    font-size:1em;
}

/*
 * Vinculos Detallados
 */
h3.detallados-encabezado { padding:0; border-bottom:none; }

/*
 * Vinculos Tarjetas
 */
.tarjetas-thumbnail {
      background-color:#E8E8E8;
/*    background-color:red;*/
    background-image: url("http://localhost/trcimplan_sitioweb/imagenes/borrame2.png");*/
/*  min-height:430px;   VM */
    min-height:470px;
/*    border-color:#A2A2A2;   VM*/
    border-color:#FF5800;

}
/*  Cambio VM */
.tarjetas-thumbnail2 {
    background-color:#E8E8E8;
/*    min-height:450px;   VM*/
    min-height:350px;
    width:150;
    border-color:#A2A2A2;
}
/*  Cambio VM */
.tarjetas-thumbnail3 {
    background-color:#E8E8E8;
    padding:2px 0 0 0;
    min-height:200px;
/*    width:300px;   */
    border-color:#A2A2A2;
/*    background-image: url("http://localhost/trcimplan_sitioweb/imagenes/borrame3.png");*/
}


.tarjetas-nombre {
    font-size:20px;
    text-align:center;
}

/*
 * Indicadores por Region
 */
.indicadores-vinculos {
    font-family:'Roboto Condensed',sans-serif; font-weight:400;
    font-size:14px;
    line-height:1.2em;
}
.indicadores-vinculos ul {
    margin:0;
    padding:2px 0 0 0;
}
.indicadores-vinculos li {
    margin-top:2px;
    margin-bottom:2px;
    padding-left:2px;
    list-style-type:none;
    text-align:left;
}
.indicadores-vinculos a         { color:#A52100; display:block; margin-bottom:4px; }
.indicadores-vinculos a:link,
.indicadores-vinculos a:visited { color:#A52100; }
.indicadores-vinculos a:hover,
.indicadores-vinculos a:active  { color:#FF3300; }

/*
 * Graficas
 */
.grafica { width:100%; height:400px; }

/*
 * Acordeones
 */
.acordeon-cabecera { padding:0; }
.acordeon-titulo   { padding:0; }
.acordeon-vinculo  { display:block; padding:8px; }

/*
 * Listado alfabetico
 */
.pagination > li > a               { color:#A52100; text-decoration:none; font-weight:400; }
.pagination > li > a:link,
.pagination > li > a:visited       { color:#A52100; text-decoration:none; }
.pagination > li > a:focus,
.pagination > li > a:active        { color:#FF3300; text-decoration:none; }
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { background-color: #E8E8E8; border-color: #E8E8E8; }
.listado-alfabetico                { list-style:none; }
.listado-alfabetico-titulo         { font-weight:400; border-bottom:1px solid #AAA; }
.listado-alfabetico-arriba         { font-size:20px; }

/*
 * Pagina Inicial Organizacion
 */
#organizacion             { padding:0; }
#organizacion .banner     { width:100%; }
.organizacion-logotipo    { float:left; margin-right:8px; }
.organizacion-titulo      { color:#000; margin-top:6px; margin-bottom:2px; border-bottom:none; padding:0; margin:0 0 2px 0; }
.organizacion-descripcion { color:#646464; font-family:'Roboto Condensed',Helvetica,Arial,sans-serif,sans-serif; font-weight:400; line-height:1.2; padding:0; margin:0 0 2px 0; }

/*
 * Pagina Inicial Servicios
 */

#destacado             { background-color:#D1D7DC; padding:8px; }
.destacado-titulo      { line-height:1.2em; text-align: center; margin-bottom:4px; border-bottom:none; }
.destacado-descripcion { font-size:12px; margin-bottom:4px; }
.destacado-boton       { background-color:#F0F0F0; font-size:12px; }
/* Imagenes que cambian al pasar el ratón */
#servicio-ibc          { display:block; margin:auto; width:200px; height:200px; background:url("../../imagenes/servicio-ibc.png") no-repeat 0 0; }
#servicio-ibc:hover    { background-position:-200px 0; }
#servicio-smi          { display:block; margin:auto; width:200px; height:200px; background:url("../../imagenes/servicio-smi.png") no-repeat 0 0; }
#servicio-smi:hover    { background-position:-200px 0; }
#servicio-sig          { display:block; margin:auto; width:200px; height:200px; background:url("../../imagenes/servicio-sig.png") no-repeat 0 0; }
#servicio-sig:hover    { background-position:-200px 0; }
#servicio-pem          { display:block; margin:auto; width:200px; height:200px; background:url("../../imagenes/servicio-pem.png") no-repeat 0 0; }
#servicio-pem:hover    { background-position:-200px 0; }
#servicio-pet          { display:block; margin:auto; width:200px; height:200px; background:url("../../imagenes/servicio-pet.png") no-repeat 0 0; }
#servicio-pet:hover    { background-position:-200px 0; }

/*
 * Pagina Inicial IBC
 */
.panel-ibc         { background-image:url("../../imagenes/fondo-ibc.jpg"); margin:0; }
.panel-heading-ibc { background-color:#CACACA; padding:0px 12px; }
.panel-footer-ibc  { background-color:#E5E5E5; }
.imagen-ibc        { float:left; margin-right:8px; }

/*
 * Pagina Inicial Ultimas Publicaciones
 */
#ultimas-publicaciones                     { background-color:#FFF; }
#ultimas-publicaciones .ultimas            { padding:8px; }
#ultimas-publicaciones .red-social-twitter { background-color:#494043; padding:8px; }

/*
 * Pagina Inicial Mapa
 */
#mapa,
#mapa-chico                    { background-color:#D1D7DC; padding:8px; color:#444; font-size:14px; }
#mapa h4.mapa-encabezado,
#mapa-chico h4.mapa-encabezado { margin-bottom:0; }
#mapa ul                       { margin:0; padding:2px 0 0 0; }
#mapa li                       { margin-top:2px; margin-bottom:2px; padding-left:16px; list-style-type:none; text-align:left; font-family:'Roboto Condensed',Helvetica,Arial,sans-serif,sans-serif; font-weight:400; }
#mapa a                        { color:#646464; padding:2px; font-weight:400; display:block; }
#mapa-chico a                  { color:#646464; padding:2px; font-weight:400; }
#mapa a:link,
#mapa a:visited,
#mapa-chico a:link,
#mapa-chico a:visited          { color:#646464; }
#mapa a:hover,
#mapa a:active,
#mapa-chico a:hover,
#mapa-chico a:active           { color:#FF3300; }
#mapa-chico                    { display:none; }

/*
 * Pagina Inicial redes sociales
 */
#redes                 { background-color:#ECECEC; padding:8px; }
#redes .redes-sociales { color:#646464; font-size:2.5em; }
#redes a               { color:#646464; padding:2px; }
#redes a:link,
#redes a:visited       { color:#646464; }
#redes a:hover,
#redes a:active        { color:#FF3300; }
#redes .logotipo       { display:inline; }

/*
 * Categorias
 */
#categorias-por-defecto                                      { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/por-defecto.jpg") no-repeat 0 0; }
#categorias-por-defecto:hover                                { background-position:-128px 0; }
#categorias-bienestar                                        { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/bienestar.jpg") no-repeat 0 0; }
#categorias-bienestar:hover                                  { background-position:-128px 0; }
#categorias-competitividad                                   { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/competitividad.jpg") no-repeat 0 0; }
#categorias-competitividad:hover                             { background-position:-128px 0; }
#categorias-cultura                                          { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/cultura.jpg") no-repeat 0 0; }
#categorias-cultura:hover                                    { background-position:-128px 0; }
#categorias-delincuencia                                     { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/delincuencia.jpg") no-repeat 0 0; }
#categorias-delincuencia:hover                               { background-position:-128px 0; }
#categorias-doing-business                                   { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/doing-business.jpg") no-repeat 0 0; }
#categorias-doing-business:hover                             { background-position:-128px 0; }
#categorias-educacion                                        { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/educacion.jpg") no-repeat 0 0; }
#categorias-educacion:hover                                  { background-position:-128px 0; }
#categorias-empleo                                           { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/empleo.jpg") no-repeat 0 0; }
#categorias-empleo:hover                                     { background-position:-128px 0; }
#categorias-empresas                                         { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/empresas.jpg") no-repeat 0 0; }
#categorias-empresas:hover                                   { background-position:-128px 0; }
#categorias-finanzas-publicas                                { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/finanzas-publicas.jpg") no-repeat 0 0; }
#categorias-finanzas-publicas:hover                          { background-position:-128px 0; }
#categorias-genero                                           { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/genero.jpg") no-repeat 0 0; }
#categorias-genero:hover                                     { background-position:-128px 0; }
#categorias-gobierno-digital                                 { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/gobierno-digital.jpg") no-repeat 0 0; }
#categorias-gobierno-digital:hover                           { background-position:-128px 0; }
#categorias-gobierno                                         { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/gobierno.jpg") no-repeat 0 0; }
#categorias-gobierno:hover                                   { background-position:-128px 0; }
#categorias-grupos-vulnerables                               { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/grupos-vulnerables.jpg") no-repeat 0 0; }
#categorias-grupos-vulnerables:hover                         { background-position:-128px 0; }
#categorias-indice-de-competitividad-urbana                  { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/indice-de-competitividad-urbana.jpg") no-repeat 0 0; }
#categorias-indice-de-competitividad-urbana:hover            { background-position:-128px 0; }
#categorias-infraestructura                                  { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/infraestructura.jpg") no-repeat 0 0; }
#categorias-infraestructura:hover                            { background-position:-128px 0; }
#categorias-innovacion                                       { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/innovacion.jpg") no-repeat 0 0; }
#categorias-innovacion:hover                                 { background-position:-128px 0; }
#categorias-macroeconomia                                    { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/macroeconomia.jpg") no-repeat 0 0; }
#categorias-macroeconomia:hover                              { background-position:-128px 0; }
#categorias-medio-ambiente                                   { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/medio-ambiente.jpg") no-repeat 0 0; }
#categorias-medio-ambiente:hover                             { background-position:-128px 0; }
#categorias-mercados                                         { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/mercados.jpg") no-repeat 0 0; }
#categorias-mercados:hover                                   { background-position:-128px 0; }
#categorias-movilidad                                        { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/movilidad.jpg") no-repeat 0 0; }
#categorias-movilidad:hover                                  { background-position:-128px 0; }
#categorias-objetivos-del-milenio                            { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/objetivos-del-milenio.jpg") no-repeat 0 0; }
#categorias-objetivos-del-milenio:hover                      { background-position:-128px 0; }
#categorias-participacion-ciudadana                          { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/participacion-ciudadana.jpg") no-repeat 0 0; }
#categorias-participacion-ciudadana:hover                    { background-position:-128px 0; }
#categorias-poblacion                                        { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/poblacion.jpg") no-repeat 0 0; }
#categorias-poblacion:hover                                  { background-position:-128px 0; }
#categorias-recursos-naturales                               { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/recursos-naturales.jpg") no-repeat 0 0; }
#categorias-recursos-naturales:hover                         { background-position:-128px 0; }
#categorias-salud                                            { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/salud.jpg") no-repeat 0 0; }
#categorias-salud:hover                                      { background-position:-128px 0; }
#categorias-sector-automotriz                                { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/sector-automotriz.jpg") no-repeat 0 0; }
#categorias-sector-automotriz:hover                          { background-position:-128px 0; }
#categorias-seguridad                                        { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/seguridad.jpg") no-repeat 0 0; }
#categorias-seguridad:hover                                  { background-position:-128px 0; }
#categorias-servicios-publicos                               { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/servicios-publicos.jpg") no-repeat 0 0; }
#categorias-servicios-publicos:hover                         { background-position:-128px 0; }
#categorias-sistema-de-indicadores-de-desempeno-sindes       { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/sistema-de-indicadores-de-desempeno-sindes.jpg") no-repeat 0 0; }
#categorias-sistema-de-indicadores-de-desempeno-sindes:hover { background-position:-128px 0; }
#categorias-transparencia                                    { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/transparencia.jpg") no-repeat 0 0; }
#categorias-transparencia:hover                              { background-position:-128px 0; }
#categorias-vialidad                                         { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/vialidad.jpg") no-repeat 0 0; }
#categorias-vialidad:hover                                   { background-position:-128px 0; }
#categorias-vivienda                                         { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/vivienda.jpg") no-repeat 0 0; }
#categorias-vivienda:hover                                   { background-position:-128px 0; }
/* VM */
#categorias-enoe                                           { display:block; width:128px; height:128px; background:url("../../imagenes/categorias/empleo.jpg") no-repeat 0 0; }
#categorias-enoe:hover                                     { background-position:-128px 0; }
/*
 * Pie
 */
#pie           { background-color:#1b1e25; color:#DDD; font-size:12px; padding:1px; }
#pie a         { color:#DDD; font-weight:bold; }
#pie a:link,
#pie a:visited { color:#DDD; }
#pie a:hover,
#pie a:active  { color:#FFF; }
#pie p         { margin:4px; }

/*
 * Responsivo
 */
@media only screen and (max-width: 1190px) {
    #carrusel .carousel-inner > .item > img { height:352px; }
}
@media only screen and (max-width: 990px) {
    #carrusel .carousel-inner > .item > img { height:260px; }
    .destacado-servicio { min-height: 140px; }
    .destacado-imagen   { float:left; margin-right:8px; }
    .destacado-boton    { font-size:10pt; }
    #servicio-ibc       { display:block; width:128px; height:128px; background:url("../../imagenes/servicio-ibc-128.png") no-repeat 0 0; }
    #servicio-ibc:hover { background-position:-128px 0; }
    #servicio-smi       { display:block; width:128px; height:128px; background:url("../../imagenes/servicio-smi-128.png") no-repeat 0 0; }
    #servicio-smi:hover { background-position:-128px 0; }
    #servicio-sig       { display:block; width:128px; height:128px; background:url("../../imagenes/servicio-sig-128.png") no-repeat 0 0; }
    #servicio-sig:hover { background-position:-128px 0; }
    #servicio-pem       { display:block; width:128px; height:128px; background:url("../../imagenes/servicio-pem-128.png") no-repeat 0 0; }
    #servicio-pem:hover { background-position:-128px 0; }
    #servicio-pet       { display:block; width:128px; height:128px; background:url("../../imagenes/servicio-pet-128.png") no-repeat 0 0; }
    #servicio-pet:hover { background-position:-128px 0; }
    .imagen-ibc         { margin-right:6px; }
    #ultimas-publicaciones .red-social-twitter { display:none; }
    #mapa               { display:none; }
    #mapa-chico         { display:block; font-size:10pt; }
    .inferior-logo      { margin-top:4px; margin-bottom:4px; }
    .inferior-mapa      { margin-top:4px; margin-bottom:4px; border-right:none; height:auto; }
    .contenido-imagen   { padding:16px; }
}
@media only screen and (max-width: 580px) {
    #carrusel .carousel-inner > .item > img { height:190px; }
    .destacado-servicio { min-height: 140px; }
    .destacado-imagen   { float:left; margin-right:8px; }
    .destacado-boton    { font-size:9pt; }
    #servicio-ibc       { display:block; width:64px; height:64px; background:url("../../imagenes/servicio-ibc-64.png") no-repeat 0 0; }
    #servicio-ibc:hover { background-position:-64px 0; }
    #servicio-smi       { display:block; width:64px; height:64px; background:url("../../imagenes/servicio-smi-64.png") no-repeat 0 0; }
    #servicio-smi:hover { background-position:-64px 0; }
    #servicio-sig       { display:block; width:64px; height:64px; background:url("../../imagenes/servicio-sig-64.png") no-repeat 0 0; }
    #servicio-sig:hover { background-position:-64px 0; }
    #servicio-pem       { display:block; width:64px; height:64px; background:url("../../imagenes/servicio-pem-64.png") no-repeat 0 0; }
    #servicio-pem:hover { background-position:-64px 0; }
    #servicio-pet       { display:block; width:64px; height:64px; background:url("../../imagenes/servicio-pet-64.png") no-repeat 0 0; }
    #servicio-pet:hover { background-position:-64px 0; }
    .imagen-ibc         { margin-right:4px; }
    #ultimas-publicaciones .red-social-twitter { display:none; }
    #mapa               { display:none; }
    #mapa-chico         { display:block; font-size:9pt; }
    .inferior-logo      { width:400px; margin-top:4px; margin-bottom:2px; }
    .inferior-mapa      { margin-top:4px; margin-bottom:4px; border-right:none; height:auto; }
    .contenido-imagen   { padding:8px; }
}
@media only screen and (max-width: 300px) {
    #carrusel .carousel-inner > .item > img { height:150px; }
    .destacado-servicio { min-height: 140px; }
    .destacado-imagen   { float:left; margin-right:8px; }
    .destacado-boton    { font-size:8pt; }
    #servicio-ibc       { display:block; width:48px; height:48px; background:url("../../imagenes/servicio-ibc-48.png") no-repeat 0 0; }
    #servicio-ibc:hover { background-position:-48px 0; }
    #servicio-smi       { display:block; width:48px; height:48px; background:url("../../imagenes/servicio-smi-48.png") no-repeat 0 0; }
    #servicio-smi:hover { background-position:-48px 0; }
    #servicio-sig       { display:block; width:48px; height:48px; background:url("../../imagenes/servicio-sig-48.png") no-repeat 0 0; }
    #servicio-sig:hover { background-position:-48px 0; }
    #servicio-pem       { display:block; width:48px; height:48px; background:url("../../imagenes/servicio-pem-48.png") no-repeat 0 0; }
    #servicio-pem:hover { background-position:-48px 0; }
    #servicio-pet       { display:block; width:48px; height:48px; background:url("../../imagenes/servicio-pet-48.png") no-repeat 0 0; }
    #servicio-pet:hover { background-position:-48px 0; }
    .imagen-ibc         { float:left; margin-right:2px; }
    #ultimas-publicaciones .red-social-twitter { display:none; }
    #mapa               { display:none; }
    #mapa-chico         { display:block; font-size:8pt; }
    .inferior-logo      { width:200px; margin-top:2px; margin-bottom:2px; }
    .inferior-mapa      { margin-top:4px; margin-bottom:4px; border-right:none; height:auto; }
    .contenido-imagen   { padding:4px; }
}