* {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        html {
            font-size: 10px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: sans-serif;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            min-height: 100%;
            background: #ffffff;
            overflow-x: hidden;
        }

        body {
            margin: 0;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 12px;
            line-height: 1.42857143;
            color: #fff;
            background-color: #243746;
            min-height: 100vh;
        }

        img {
            border: 0;
        }

        .container {
            padding: 1em;
            padding-top: 0.1em;
            padding-bottom: 0.1em;
            margin-right: auto;
            margin-left: auto;
            max-width: 100%;
            width: 100% !important;
        }


        @media (max-width: 768px) {
            .copyright {
                text-align: left;
                padding-left: 1.6rem;
            }
        }

        @media (min-width: 768px) {
            .container {
                width: 750px;
            }
        }

        @media (min-width: 992px) {
            .container {
                width: 970px;
            }
        }

        @media (min-width: 1200px) {
            .container {
                width: 1170px;
            }
        }

        .row {
            margin-right: -15px;
            margin-left: -15px;
        }

        .col-md-2,
        .col-sm-3,
        .col-xs-6,
        .col-md-12 {
            position: relative;
            min-height: 1px;
            padding-right: 0;
            padding-left: 0;
        }

        .col-xs-6 {
            width: 50%;
        }

        .col-md-12 {
            width: 100%;
            float: left;
        }

        @media (min-width: 768px) {
            .col-sm-3 {
                width: 25%;
                float: left;
            }
        }

        @media (min-width: 992px) {
            .col-md-2 {
                width: 16.66666667%;
                float: left;
            }
        }

        .container:after,
        .container:before,
        .row:after,
        .row:before {
            display: table;
            content: " ";
        }

        .row:after {
            clear: both;
        }

        .img-responsive {
            display: block;
            max-width: 100%;
            height: auto;
        }

        /*****/

        .cabecera-gob {
            background: #f5f5f6;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .cabecera-gob .logotipo {
            padding-top: 0.5em;
            padding-bottom: 0.5em;
        }

        .logotipo {
            padding-left: 3em;
        }

        #contenido {
            padding-bottom: 2rem;
            color: #243746;
            background-color: #ffffff;
        }

        #migas ul {
            padding: 8px 15px;
            list-style: none;
            font-size: 1.3rem;
            font-weight: 400;
            background: 0 0;
            margin: 0;
            color: #243746;
        }
        #migas ul>li {
            display: inline-block;
        }
        #migas a {
            color: #4d841a;
            text-decoration: none;
        }
        #migas ul>li+li:before {
            padding: 0 0.5rem;
            color: #243746;
            content: "/\00a0";
        }

        .pie-gob {
            color: #ffffff;
            padding-bottom: 2rem;
            background: #243746;
            text-align: right;
            padding-top: 2rem;
        }

        .copyright {
            padding-top: 2rem;
            font-size: 12px;
            letter-spacing: 0.01rem;
            color: #fff;
        }