/* responsive */

/*tablas*/

@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Source+Sans+Pro&display=swap');

.table-responsive table {
    border: 1px solid #4a1640;
    text-align: center;
    width: 100%;
    font-family: 'Source Sans Pro', sans-serif;
}

.table-responsive th {
    background-color: #4a1640;
    color: white;
    padding: 5px;
}

.table-responsive tr td {
    border: 1px solid #4a1640;
}

.table-responsive table tr:nth-of-type(odd){
    background-color: #EBEBEB;
}
.table-responsive td{
    text-align: left;
    padding: 5px;
}
.table-responsive td a img{
    text-align: center;
    display:block;
}

@media only screen and (min-width: 979px) {
    .navbar-header.col-sm-3{
        width: unset;
    }
    .navbar-collapse-background{
        display: flex;
        justify-content: center;
    }
    .navbar .logo{
        padding: 20px 0;
    }
    .tb-megamenu .nav > li > a {
        border-bottom: 2px solid #4a1640;
    }
}


/* < 1512 */

@media only screen and (max-width: 1512px) {
    .navbar-collapse {
        width: 75%;
    }
}

@media only screen and (max-width: 1313px) {
    .navbar-collapse-background {
        height: 192px;
    }
}


/* < 1267 */

@media only screen and (max-width: 1267px) {

    .field--name-field-titulo-de-la-noticia {
        font-size: 23px;
    }
    .pagina-de-areas .field--name-field-nombre-del-area,
    [class*="paginadearea"] .field--name-field-nombre-del-area {
        padding-left: 32px;
    }
    .pagina-de-areas .field--name-field-datos-de-contacto, 
    .pagina-de-areas .field--name-field-s,
    [class*="paginadearea"] .field--name-field-datos-de-contacto,
    [class*="paginadearea"] .field--name-field-s {
        padding: 32px;
    }
    .nivel-1 {
        width: 85%;
    }
    /*
    #block-aunclic img {
        width: 94%!important;
    }
    #block-aunclic img {

        min-width: 94%;
    }
    */
}

/* < 979 */

@media only screen and (max-width: 979px) {
    /*
    .nav-collapse{
        height: 0!important;
        overflow: hidden!important;
    }

    .tb-megamenu-button{
        display:none!important;
    }
    .navbar-toggle {
        display: inherit;
        margin-right: 60px;
        bottom: 15px;
    }
    */
    .main-container{
        top: -60px;
        position:relative;
    }
    ol{
        padding: 0 35px;
    }
    .navbar .logo {
        float: left!important;
        padding: 20px 30px 20px 0px;
    }
    .header_top_row{
        display: none;
    }
    .navbar-collapse{
        width: 100%;
        top: -57px;
        position: relative!important;
        padding-right: 0px;
        padding-left: 0px;
    }
    .tb-megamenu .btn-navbar {
        float: right;
        background-color: transparent;
        position: relative;
        right: 17px;
        top: -150px;
        color: #331140;
        display: flex;
    }
    .menu_text{
        color: white;
        margin: 0 20px;
        position: relative;
        top: 8px;
    }
    .tb-megamenu .nav-collapse {
        top: 10px;
    }
    .tb-megamenu-row.row-fluid{
        display: block;
    }
    .tb-megamenu .mega-nav > li:first-child > a, .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a{
        padding: 0;
    }
    .tb-megamenu .dropdown-menu li > a{
        height: auto;
    }
    .tb-megamenu .mega-nav > li > a, .tb-megamenu .dropdown-menu .mega-nav > li > a {
        justify-content: flex-start;
    }
    .tb-megamenu .dropdown-menu li > a:after, .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:after {
        top: -2px;
        position: relative;
        margin-left: 15px;
    }
    .tb-megamenu .nav-collapse .nav > li > a{
        border-bottom-color: #331140;
        border-top-color: #331140;
        color: white;
    }
    .tb-megamenu .nav-collapse .dropdown-menu a, .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link, .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link {
        border-bottom-color: #331140;
        border-top-color: #4A1640;
        color: white;
        font-weight: 700;
    }
    .tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse .dropdown-menu {
        background-color: #4A1640;
    }
    .field--name-field-titulo-de-la-noticia {
        font-size: 22px;
    }
    .field--name-field-descripcion-de-la-noticia {
        font-size: 16px;
    }
    .field--name-field-enlace-a-la-noticia {
        padding: 0px 20px 0 20px;
    }
    .tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link {
        padding: 12px 16px;
    }
    .tb-megamenu .nav-collapse .nav > li > a:hover, .tb-megamenu .nav-collapse .nav > li > a:focus, .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:hover, .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:focus {
        color: #331140;
    }
    .level-2 a{
        padding: 10px 10px!important;
        height: auto;
    }
    .tb-megamenu .mega-inner {
        padding: 0;
    }
    .logotipo-footer{
        width: 100%;
        margin-bottom: 14px;
    }
    .menu-footer{
        float: right;
    }
    .pagina-de-areas .field--name-field-menu-del-area ul li a,
    [class*="paginadearea"] .field--name-field-menu-del-area ul li a {
        font-size: 13px;
    }
    .pagina-de-areas .field--name-field-menu-del-area ul,
    [class*="paginadearea"] .field--name-field-menu-del-area ul {
        padding-left: 5px;
    }
    .tb-megamenu-nav{
        border: 3px solid #730891;
        border-radius: 3px;
    }
    /*
    #block-aunclic img {
        width: 88%!important;
    }
    #block-aunclic img {

        min-width: 89%;
    }
    */
    .paragraph.paragraph--type--carrusel-de-noticias-de-inicio.paragraph--view-mode--default {
        display: block;
    }
    article .field--name-body img {
        width: 50%;
        height: auto;
    }
    #block-caruselhome .slick-prev {
        left: 1%;
    }
    #block-caruselhome .slick-next {
        right: 1%;
    }
}

/* < 767 */

@media only screen and (max-width: 767px) {

    .navbar .logo {
        float: left!important;
    }
    .collapse {
        display: inherit;
    }
    /*
    .navbar-toggle {
        display: inherit;
        margin-right: 60px;
        bottom: -50px;
    }
    */
    .tb-megamenu .btn-navbar {
        top: -176px;
        color: #331140;
        right: 5px;
    }
    .navbar-toggle {
        display: none;
    }
    .tb-megamenu .nav-collapse {
        top: -30px;
        left: -1px
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: unset;
    }
    .navbar-collapse {
        border-top: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        margin: 0 auto;
        width: 100%;
        top: 0px;
        position: relative!important;
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-collapse .input-group{
        width: 100%;
        margin: unset;
        float: unset;
        max-width: unset;
        top: -18px;
    }
    .field--name-field-titulo-de-la-noticia {
        font-size: 20px;
    }
    .field--name-field-descripcion-de-la-noticia {
        font-size: 16px;
    }
    .field--name-field-enlace-a-la-noticia {
        padding: 0px 20px 0 20px;
    }
    .paragraph.paragraph--type--carrusel-de-noticias-de-inicio.paragraph--view-mode--default {
        display: block;
    }
    #block-caruselhome .slick-prev {
        left: 2%;
    }
    #block-caruselhome .slick-next {
        right: 2%;
    }
    .block-title{
        left: 0;
        position: relative;
    }
    .slick-nav-aunclic, .slick-nav-destacados {
        right: 4%;
    }
    .block-views-blocknoticias-block-1 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .block-views-blockareas-block-1 {
        margin-left: 10px;
        margin-right: 10px;
    }
    .menu-footer{
        float: left;
    }
    article{
        top: -75px
    }
    .pagina-de-areas .field--name-field-nombre-del-area,
    [class*="paginadearea"] .field--name-field-nombre-del-area {
        padding-left: 20px;
    }
    .pagina-de-areas .texto-y-mapa,
    .pagina-de-areas .titulo-y-lista,
    [class*="paginadearea"] .texto-y-mapa,
    [class*="paginadearea"] .titulo-y-lista {
        display: block;
    }
    article .field--name-body img{
        /*width: 100%;*/
        height: auto;
    }
    .block-views-blocknoticias-de-la-policia-block-1 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .pagina-de-areas .field--name-field-menu-del-area ul,
    [class*="paginadearea"] .field--name-field-menu-del-area ul {
        display: block;
    }
    .level-2 a{
        height: auto;
    }
    /*
    #block-aunclic img {
        width: 88%!important;
    }
    #block-aunclic img {

        min-width: 89%;
    }
    */
}

/* < 600 */

@media only screen and (max-width: 600px) {

    .menu-footer ul {
        display: block;
        padding: 0;
    }
    .menu-footer ul li{
        padding: 5px 0px;
    }
    .level-2 a{
        height: auto;
    }
    .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
        right: 0px;
    }
    .navbar-collapse {
        padding-right: 15px;
    }
    #block-caruselhome .slick-next {
        right: 4%;
    }
    #block-caruselhome .slick-prev {
        left: 4%;
    }
}

/* < 500 */

@media only screen and (max-width: 500px) {
    #block-redessociales {
        padding: 10px;
    }
    .menu-footer ul li {
        padding: 20px 6px;
    }
    .menu-footer ul {
        float: unset;
        padding-left: unset;
    }
    .pagina-de-areas .field--name-field-nombre-del-area,
    [class*="paginadearea"] .field--name-field-nombre-del-area {
        font-size: 24px;
        top: -85px;
    }
    .pagina-de-areas .field--name-field-menu-del-area,
    [class*="paginadearea"] .field--name-field-menu-del-area {
        top: -15px;
    }
    .level-2 a{
        height: auto;
    }
    .pagina-de-areas .field--name-body h2,
    [class*="paginadearea"] .field--name-body h2 {
        font-size: 24px;
    }
    /*
    #block-aunclic img {
        width: 88%!important;
    }
    #block-aunclic img {

        min-width: 92%;
    }
    */
    article .field--name-body img {
        width: 70%;
        height: auto;
    }
    .navbar-collapse {
        padding-right: 15px;
    }
    #block-caruselhome .slick-next {
        right: 8%;
    }
    #block-caruselhome .slick-prev {
        left: 3%;
    }
    .slick-nav-aunclic, .slick-nav-destacados {
        right: 8%;
    }
}

/* < 385 */

@media only screen and (max-width: 385px) {
    .header_top_text, .header_top_link{
        display:contents;
    }
    .header_top_text_1 {
        top: 0px;
    }
    .level-2 a{
        height: auto;
    }
    .navbar-collapse {
        padding-right: 15px;
    }
    #block-caruselhome .slick-next {
        right: 6%;
    }
    #block-caruselhome .slick-prev {
        left: 6%;
    }
    #block-caruselhome .slick-next {
        right: 9%;
    }
    #block-caruselhome .slick-prev {
        left: 9%;
    }
    .slick-nav-aunclic, .slick-nav-destacados {
        right: 9%;
    }
}



