@charset "utf-8";

/* CSS Document */

/*-----------------------------------------------------------------
ESTILOS PARA OFICIALES
-------------------------------------------------------------------*/

.contenedor-oficiales {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: linear-gradient(to top, #B17200, #D88E06);
}
.container-presidente {
    width: 100%;
}
.centro-nacionales {
    width: 68%;
    text-align: center;
    margin: 0 auto;
}
.encabezado-articulos {
    background: radial-gradient(280px at 35% 10%, #525f7b, #2c3852);
    padding: 5px 10px;
    margin-top: 30px;
    overflow: hidden;
    box-shadow: 1px 1px 10px #000;
    position: relative;
}
.encabezado-articulos h2 {
    margin: 10px 0;
    font-size: 32px;
    color: #dbeef4 !important;
    text-shadow: 1px 1px 0 #000;
    text-align: center;
}
.encabezado-articulos h3 {
    margin: 15px 0;
    font-size: 25px;
    float: right;
    color: #dbeef4 !important;
    text-shadow: 1px 1px 0 #000;
}
.presidente {
    float: none !important;
    text-align: center !important;
    margin: 20px auto !important;
}
.oficiales {
    background: #ECECEC;
    margin: 20px;
    width: 260px;
    height: 310px;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 2px 2px 8px #000;
}
.oficiales h3 {
    color: #5c5c5c;
    margin: 10px 0;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    text-shadow: 1px 1px 0 #ddd;
}
.oficiales h4 {
    margin: 10px;
}
.oficiales p {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

/*-----------------------------------------------------------------
ESTILOS PARA BOTONES
-------------------------------------------------------------------*/

.mas-informacion-1:hover {
    background: #0561ae !important;
}

/*-----------------------------------------------------------------
ESTILOS PARA TABLAS
-------------------------------------------------------------------*/

.table {
    max-width: 300px;
}
.encabezado-tabla {
    background: radial-gradient(280px at 35% 10%, #525f7b, #2c3852);
    color: #fff;
    padding: 5px 10px;
    margin-top: 30px;
    position: relative;
}
.table tbody th {
    font-size: 1.5em;
    /*24/16*/
    text-align: center;
    font-weight: bold;
}
.table td,
.table th,
.encabezado-nombre,
.encabezado-direccion {
    border-left: 1px solid #c9c9c9;
}

/*-----------------------------------------------------------------
OTROS ESTILOS
-------------------------------------------------------------------*/
.pagination {
    justify-content: center;
}
.p-doctrina {
    border-bottom: 1px solid #000;
    padding-bottom: 1rem;
}

.cck_page .pagination ul{
    display: flex;
    flex-direction: row;
    list-style: none;
    
}

.cck_page .pagination ul li{
    padding: 0 0.3rem;
    
}

/*-----------------------------------------------------------------
ESTILOS PARA LEMAS HISTORICOS
-------------------------------------------------------------------*/

.contenedor-lemas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lemas {
    margin: 0 2rem;
    width: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem;
}
.lemas h3 {
    text-shadow: 1px 1px 0 #000;
}
.lemas h5 {
    color: #d03511;
}
.lemas p {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

/*-----------------------------------------------------------------
ESTILOS PARA AGENDA
-------------------------------------------------------------------*/

.agenda-container {
    display: flex;
    flex-direction: column;
}
.agenda-ayuno {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.font-1-5 {
    font-size: 1.5rem;
}
.agenda-h2 {
    margin: 10px 0;
    float: left;
    font-size: 32px;
    color: #dbeef4 !important;
    text-shadow: 1px 1px 0 #000;
}
.agenda-h3 {
    font-size: 1.5rem;
    padding: 1rem 0 2rem 0;
    font-weight: bold;
}
.nombre-mes {
    font-family: 'MiHelvetica';
    font-size: 1.5rem;
    color: #ca1212;
}
.agenda-mes {
    width: 33.3%;
    padding-bottom: 2rem;
}
.ayuno-dias {
    width: 12%;
    padding-bottom: 2rem;
}
.fecha-primera {
    display: flex;
    border-top: 2px solid #014c76;
    padding: 1rem 0;
}
.fecha-intermedia {
    display: flex;
    border-top: 2px solid #3292c7;
    border-bottom: 2px solid #3292c7;
    padding: 1rem 0;
}
.fecha-ultima {
    display: flex;
    border-bottom: 2px solid #014c76;
    padding: 1rem 0;
}
.agenda-fecha {
    width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 1rem;
    font-weight: bold;
}
.fecha-dias {
    text-align: center;
}
.fecha-numero {
    font-size: 2rem;
}
.agenda-actividad {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

/*-----------------------------------------------------------------
ESTILOS PARA EMISORAS NACIONALES
-------------------------------------------------------------------*/

.emisoras-nacionales {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.emisora-imagen {
    display: flex;
    width: 200px;
    height: 200px;
    align-items: center;
}
.emisora {
    width: 33%;
    min-width: 280px;
    padding-bottom: 2rem;
}
.emisora-nombre {
    font-weight: bold;
}
.emisora-negrita span {
    font-weight: bold;
    margin-right: 0.5rem;
}

/*-----------------------------------------------------------------
ESTILOS PARA EMISORAS NACIONALES
-------------------------------------------------------------------*/

div.catItemImageBlock {
    float: left;
    padding-right: 15px;
}
div.catItemIntroText {
    line-height: 1.8em;
    color: #4c4c4c;
    font-size: 1.25em;
}

/*-----------------------------------------------------------------
ESTILOS PARA NOTICIAS K2
-------------------------------------------------------------------*/

div.itemImageBlock img {
    margin: 0 0 0 5px;
    margin-bottom: 1.875em;
    background: #fff;
    border-radius: 2px;
    padding: 8px;
    box-shadow: 1px 2px 1px #d1d1d1;
}
div.itemFullText {
    line-height: 1.8em;
    color: #4c4c4c;
    font-size: 1.25em;
}
div.itemFullText div{
    margin-bottom: 1.5em;
}
div.catItemHeader h3 {
    font-family: 'MiHelvetica';
    font-size: 2em;
    text-shadow: 1px 1px 2px #000;
    background: #37436C;
    padding: 10px;
}
div.catItemHeader a {
    color: #ffffff;
    text-decoration: none;
    padding: 10px;
}
span.catItemImage img {
    box-shadow: 1px 1px 10px 1px #000;
}
div.catItemReadMore {
    margin-top: -30px;
    float: right;
}
div.catItemReadMore a {
    color: white;
    font-size: 1.2em;
    /* 19.2-16*/
    padding: 0.3571428571428571em 1.071428571428571em;
    /*10 30 - 28 */
    border: 0.25em solid rgba(130, 129, 129, 0.42);
    /*5-20*/
    border-radius: 0.2857142857142857em;
    /*8-28*/
    background-color: #3A466F;
    background-clip: padding-box;
    text-decoration: none;
    transition: all .3s ease;
}
div.catItemReadMore a:hover {
    border: 0.25em solid rgba(130, 129, 129, 0.87);
    /*5-20*/
    background-color: #0310AD;
}

/*-----------------------------------------------------------------
ESTILOS PARA VIDEOS DE YOUTUBE
-------------------------------------------------------------------*/

iframe.ytb-embed {
    max-width: 96% !important;
    display: block;
    margin: 10px auto;
}