*           /*color celeste #00aae4, color rojo claro #f44336, color azul oscuro #000080, 
            color amarillo #fbc02d, color rojo oscuro #ad0000*/
            {
                box-sizing: border-box;
            }

            .body {
                font-family: Arial;
                padding: 10px;
                background: #f1f1f1;
            }

            button.ui-button {
                height: 45px;
                padding: 2px;
             }

            /* Header/Blog Title */
            .header {
                padding: 30px;
                text-align: center;
                background: white;
                overflow: hidden;
            }

            .header h1 {
                font-size: 50px;
                color: #ad0000;
            }

            .header img {
                width: 15%;
                height: 15%;
                padding-right: 5%;
            }

            .leftcolumn {
                float: left !important;
                width: 60% !important;
            }

            .rightcolumn {
                float: left !important;
                width: 40% !important;
                background-color: #f1f1f1 !important;
                padding-left: 20px !important;
            }

            .cardPrincipal {
                background-color: white !important;
                padding: 0 20px 20px 20px !important;
            }
            
            .cardMediano {
                background-color: white;
                padding: 0 20px 20px 20px;
                border-color: #ad0000;
                border-width: 5px;
                border-style: solid;
            }
            
            .cardSucursales {
                background-color: white;
                padding: 0 20px 20px 20px;
                border-color: #ad0000;
                border-width: 2px;
                border-style: solid;
                height: 120px;
            }

            .row:after {
                content: "";
                display: table;
                clear: both;
            }

            .footer {
                padding: 20px;
                text-align: center;
                background: #ad0000;
                margin-top: 20px;
                color: white;
            }

            .flex { 
                display: flex; 
                justify-content: center; 
                width: 100%;
            }
            
            .ui-menubar {
                background-color: #ad0000 !important;
                height: 60px !important;
            } 
            
            .ui-menubar .ui-menuitem {
               height: 100% !important; 
               background-color: white !important;
               width: 20% !important;
               border-color: black !important;
               border-width: 1px !important;
               border-style: solid !important;
            }
            
            .ui-menubar .ui-menuitem:last-child {
                float: right !important;
                width: 400px !important;
                background-color: #ad0000 !important;
                border-width: 0px !important;
            }
            
            .ui-menuitem-link {
                background-color: white !important;
            }
            
            .ui-menuitem-link .ui-menuitem-text{
                color: black !important;
                font-weight: bold !important;
            }
            
            .ui-menuitem-link:hover {
                color: #FFFFFF !important;
                background-color: #00aae4 !important;
            }
            
            .ui-menuitem-link:focus {
                color: #FFFFFF !important;
                background-color: #000080 !important;
            }
            
            .ui-menuitem-selected .ui-menuitem-link {
                color: #FFFFFF !important;
                background-color: #000080 !important;
            }
            
            .ui-menuitem-link:hover .ui-menuitem-text,
            .ui-menuitem-link:focus .ui-menuitem-text{
                color: #FFFFFF !important;
            }
            
            .ui-menuitem-link:hover .ui-menuitem-icon,
            .ui-menuitem-link:focus .ui-menuitem-icon{
                color: #FFFFFF !important;
            }
            
            ui-icono-examenes-servicios {
               color: #000080; 
            }
            
            .ui-icono-examenes-servicios:hover {
                color: #fbc02d;
            }
            
            .icon-link i {
                color: #000080;
            }
            
            .icon-link:visited {
                color: #000080; 
            }
            
            .custom-info-panel {
                border: 2px solid black !important;
            }
            
            .custom-info-panel .ui-panel-titlebar {
                background-color: #000080 !important; /* Azul */
                color: white !important;
                font-weight: bold !important;
            }

            /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
            @media screen and (max-width: 800px) {
                .leftcolumn, .rightcolumn {
                    width: 100%;
                    padding: 0;
                }
            }

            /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
            @media screen and (max-width: 500px) {

                .header h1 {
                    float: none;
                    font-size: 100%;
                }

                .header img {
                    float: none;
                    width: 50%;
                    padding-right: 0%;
                }

                .flex {
                    display: block;
                }
            }