/*Reset Index*/
h1,h2,h3,h4,td,
th {
  padding: 0;
  margin:0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
body {
    margin: 0;
    color: #333;
    font: 1em "Arial",Verdana,sans-serif;
    background-color: #0f2c45;
}
a {
    color: #069;
    text-decoration: none;
}
a:visited {
    color:#069;
    text-decoration: none;
}
a:hover {
    color:#44A1D0;
    text-decoration: none;
}
img {
    border:none;
}
#base-header {
    margin:0px auto;
    width:100%;
    position: fixed;
    background: #2d5b89;
    z-index: 2000;
    box-shadow: 0 0 15px -5px;

}
header {
    margin:0px auto;
    max-width:1000px;
    width:100%;
}
#header-menu {
    margin-top: 10px;
    color: #9fc1e0;
    font-size: 0.8em;
    line-height: 18px;
    float: right;
    width: 31%;
    text-align: right;
    padding-top: 3px;
    display:inline-block;
    font-weight: bold;
    text-transform: uppercase;
}
#header-menu a{
    margin-top: 10px;
    color: #fff;
}
#header-logo {
    height: 45px;
    width: 33%;
    float: left;
    padding-right: 10px;
}
#header-logo-img {
    margin-top: 7px !important;
}
#header-buscador {
    height: 45px;
    width: 35%;
    float: left;
    text-align: left;
    display:inline-block;
}
#header-buscador #s {
    color: #000;
    float: left;
    height: 27px;
    width: 91%;
    min-width: 30px;
    /*Menos de 16px genera Zoom en móviles*/
    font-size: 16px;
    line-height: 15px;
    background-color: #fff;
    border:1px solid #fff;
    margin-top: 10px;
    box-sizing: border-box;
    font-weight: normal;
    padding-left: 5px;
    padding-top: 2px;
    background-image: url(https://tecnologia21.com/tema/buscarazul.png);
    background-repeat: no-repeat;
    border-radius: 5px;
    padding-right: 25px;
    background-position: right 4px top 2px;
}
.categorias {
    margin-top: 0;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    text-transform: uppercase;
    text-align: center;

}
.categorias h1 a, .categorias h1 a:visited, .categorias h1 a:hover {
    font-weight: bold;
    color:#44A1D0;

}
.categorias h1 {
    font-size: 1em;
    color: #069;
}

.menu-mobile-azul, .menu-mobile-celeste{
    display: none;
}
#base-content {
    margin:0px auto;
    width:100%;
    box-sizing: border-box !important;
    background-color: white !important;
}
section {
    padding-top:50px !important;
    clear: both !important;
    margin:0px auto;
    max-width:1000px;
    width: 100%;
    box-sizing: border-box;
}
.titulo-seccion{
    padding: 5px;
    margin-top:15px;
    font-size: 1.3em;
    background-color: #2d5b89;
    color: white;
    text-align: center;
    clear: both;
}
.titulo-eventos{
    padding: 5px;
    margin-top:15px;
    font-size: 1.3em;
    background-color: #000;
    color: white;
    text-align: center;
    clear: both;
}

#contiene-article{
    margin-top: 15px;
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 18px;
    width: 100%;
    margin-bottom: 5px;

}
article {

    
}

.bloque-articulos {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    min-height: 120px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
    background-color: white;
    /*border-radius: 4px;*/
}
.bloque-articulos2 {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    min-height: 120px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
    background-color: #f4f4f4;
}
.bloque-articulos3 {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    min-height: 120px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
    background-color: #eaf0f9;
}
.contenedor-img-articulos {

}
.contenedor-img-articulos img{
    width:100%;
    height:150px;
    object-fit: cover;
    /*border: 1px solid #e4e5e6;
    border-radius: 4px;*/
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    margin-top: 0 !important;
    padding-top:0 !important;

}
.contenedor-articulos {
    clear: both;
    text-align: justify;
    width:100%;
    max-width: 690px;
    display:inline-block;
    height: 75px;

}
h2.titulo-articulos {
    color: #2d5b89;
    margin: 0;
    font: bold 1.2em "Arial",Verdana,sans-serif;
    text-align: left;
    padding: 5px 10px 10px 10px;

}
h2.titulo-articulos, h2.titulo-articulos a:visited {
    color: #2d5b89;
    text-decoration: none;
}
h2.titulo-articulos a:hover {
    color: #44a1d0;
    text-decoration: none;
}
.navigation {
    clear: both;
    padding: 10px 0px;
    width: 100%;
    display: flex;
    justify-content: center;

}
.navigation a,.navigation a:visited {
    color: #14568a;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
}

ul.page-numbers {
    list-style: none;
    margin: 0;
}
.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}
.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 5px 10px;
    height: 1.4em;
    line-height: 1.2em;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    color: rgb(196, 223, 248) !important;
    background-color: #2d5b89;
}
.page-numbers a span { padding: 0; }
.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #2d5b89 !important;
    background-color: rgb(196, 223, 248);
    text-decoration: none;
}
.page-numbers:hover { text-decoration: none; }

section ul, ul{
    margin: 0;
    padding: 0;

    }
section li, li{
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.5em;

}

.mascomunicados a{
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: bold;
    color: #44A1D0 !important;
}

.titulo-prefooter {
    font: 1.2em "Arial",Verdana,sans-serif;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    /*border-bottom: 1px solid #eee;*/
    height: 18px;
    width: 100%;
    color: #fff;
    display: block;
    clear: both;
}

#base-prefooter {
    margin:0px auto;
    width:100%;
    background-color:#133555 !important;
    padding-bottom:10px; 
    /*padding-right: 10px;
    padding-left: 10px;*/
    box-sizing: border-box !important;
}

.bloque-prensa-networks{
    margin:0px auto;
    max-width:1000px;
    width:100%;
    overflow: hidden;
}

.bloque-prensa-networks a, .bloque-prensa-networks a:visited {
    color: #a6ceed;
}

.bloque-prensa-networks a:hover {
    color: #fff;
}

.prensa {
    width: 65%;
    font-size: 1.2em;
    margin: 5px 0 5px 0;
    padding-top: 10px;
    /*padding: 10px;*/
    /*border: #44A1D0 1px solid;*/
    height: 230px;
    float: left;
}

.networks {
    width: 30%;
    font-size: 1em;
    margin: 5px 0 5px 0;
    padding-top: 10px;
    /*padding: 10px;*/
    /*border: #44A1D0 1px solid;*/
    height: 230px;
    float: right;
}

.suscribir-email{
    width: 95% !important;
    /*Menos de 16px genera Zoom en móviles*/
    font-size: 16px;
    background-color: #fff;
    border:1px solid #fff;
    padding-left: 30px;
    padding-top: 2px;
    background-image: url(https://tecnologia21.com/tema/email.png);
    background-repeat: no-repeat;
    /*Sólo permite 2 valores*/
    background-position: 5px 4px;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    height: 30px;
}

#base-footer {
    margin:0px auto;
    width:100%;
    background-color:#0f2c45 !important;
    box-sizing: border-box !important;
}

footer {
    margin:0px auto;
    max-width:1000px;
    width:100%;
    font-size: 0.8em;
    padding-top: 10px;
   /* margin-top: 10px;*/
    height: 40px;
    color: #666;
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;

}

footer a, footer a:visited, footer a:hover {

    font-size: 1.4em;
    color: #44A1D0;
}


.alignleft {
    float: left;
}
img.alignleft,img[align="left"] {
    float: left;
    margin: 2px 10px 5px 0px;
}
.alignright {
    float: right;
}
img.alignright,img[align="right"] {
    float: right;
    margin: 2px 0px 5px 10px;
}

section ul, ul {
    margin: 0 0 15px 0 !important;
    list-style-type: disc;
    padding-top: 10px;
}
.aligncenter,img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.contenedor-video{
    width:70%;
    max-width: 690px;
    display:inline-block;
    height: 100%;
}
/*Video responsive con solo CSS, requiere de con DIV contenedor "Video".*/
.video {
    position: relative;
    width: 100%;
    height: 350px;
}
.video iframe,
.video object,
.video embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    }

@media screen and (min-width: 980px) /* Desktop */ {     }
@media screen and (max-width: 979px) /* Tablet */ { 
/*Mejoramos el tamaño de fuente*/
body {
    width: 100%;
    font-size: 1.3em;
}
/*Definimos 10px de margen a izquierda y derecha del contenido*/
#base-content {
    padding-right: 10px !important;
    padding-left: 10px;
    box-sizing: border-box;
}

#base-prefooter {
    padding-right: 10px !important;
    padding-left: 10px;
    box-sizing: border-box;
}
#base-footer {
    padding-right: 10px !important;
    padding-left: 10px;
    box-sizing: border-box;
}

header {
    max-width: 1000px;
    width: 100%;
}
#header-logo {
    width:45%;
}
#header-logo img{
    width:200px;
    height:26px;
    margin-top:3px;
    margin-left: 10px;
}
#header-buscador{
    margin-top:10px;
    width:45%;
    height:auto;
    padding-bottom:5px;
    float:right;
    padding-right:10px;

}
#header-buscador #s{
    margin-top:0px;
    float:right;
    /*Acomodamos el texto para móviles*/
    padding-top:5px;
}
#header-menu{
    width:100%;
    text-align:left;
    margin-bottom:5px;
    margin-top: 0px;
}
aside {
    /*display:none;*/
    width: 100%;
    height:auto;
}
section {
    width:100%;
}

/*Agrandamos la paginación*/
.navigation a, .navigation a:visited {
    font-weight:bold;
    text-transform:uppercase;
}
/*Contenedor de video con 100% de ancho*/
.contenedor-video{
    height:auto;
    width:100%;
    max-width: 100%;
}

/*Ajustamos el contenido de los posts*/
.bloque-articulos {
    min-width:100%;
    width:100%;
    clear: both;
    border: none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    /*border-bottom: 1px solid #ddd;*/
    padding: 0;
    margin-bottom: 10px;

}
.categorias{
    display:none; 
    
}

.menu-mobile-azul{
    display: block;
    padding: 5px;
    font-size: 1.2em;
    background-color: #2d5b89;
    color: #fff;
    text-align: center;
    clear: both;
    font-weight: bold;
    margin-bottom: 5px;
    border-radius: 5px;
}
#header-menu{
    display:none;
}
.contenedor-img-articulos img{
    width:100%;
    height: auto;
}
.contenedor-articulos {
    width:100%;
    max-width: 100%;
}
.contenedor-ads{
    width:100%;
}

.bloque-prensa-networks{
    width:100%;
    /*Esto crea un scroll horizontal*/
    /*padding-right: 10px;
    padding-left: 10px;*/
 }
.prensa{
    width:100% !important;
    height: auto;
    font-size: 0.9em;
}
.networks{
   /*En móviles realizar molesta redimensión
     display: none;*/
    width:100% !important;
    /*Si no se especifica se junta todo*/
    height: auto;
    font-size: 0.9em;
    text-align: center;
}
.suscribir-email{
    /*mejora la visualización*/
    text-align: center;
    /*Centro sin espacios demás*/
    padding-left: 0 !important;

}

h2.titulo-articulos{
    font-size: 1.3em;
    padding-left: 0;
}
 #contiene-article{
    display: block;
 }
footer a, footer a:visited, footer a:hover {

    font-size: 1.4em;
}
.notablet{
    display: none;
}

@media screen and (max-width: 500px) /* Mobile */ { 
/*Mejoramos el tamaño de fuente*/
body {
    width:100%;
    font-size:1em;
}
#header-logo img{
    width:180px;
    height:23px;
    margin-top:5px;
}
footer a, footer a:visited, footer a:hover {

    font-size: 1.2em;
}