* {
    margin: 0;
}

html, body {
    height: 100%;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.push {
    height: 320px; /* .push must be the same height as .footer */
}
/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
body {
    color: #333;
    font-family: sourcenormal, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.42857;
}

a:hover, a:focus {
    color: #04488d;
    text-decoration: underline;
}

a {
    color: #808080;
}

ul.redes {
    list-style-type: none;
    padding: 25px 5px;
    margin: 0 15px;
    float: right;
}

footer ul.redes {
    margin: 0;
    padding: 5px 0 0;
}

ul.redes li {
    display: inline;
}

    ul.redes li a {
        display: inline-block;
        text-indent: -9999px;
    }

.facebookred {
    background: url(../img/redes/redfacebook.png) no-repeat 0 0;
    width: 27px;
    height: 26px;
    position: relative;
}

.twitterred {
    background: url(../img/redes/redtwitter.png) no-repeat 0 0;
    width: 27px;
    height: 26px;
    position: relative;
}

.googleplusred {
    background: url(../img/redes/redgoogle.png) no-repeat 0 0;
    width: 27px;
    height: 26px;
    position: relative;
}

.flickrred {
    background: url(../img/redes/redflirck.png) no-repeat 0 0;
    width: 27px;
    height: 26px;
    position: relative;
}

.youtubered {
    background: url(../img/redes/redyoutube.png) no-repeat 0 0;
    width: 27px;
    height: 26px;
    position: relative;
}

.instagramred {
    background: url(../img/redes/redinstagram.png) no-repeat 0 0;
    width: 27px;
    height: 26px;
    position: relative;
}

    .facebookred:hover:after, .twitterred:hover:after, .googleplusred:hover:after, .flickrred:hover:after, .youtubered:hover:after, .instagramred:hover:after {
        opacity: 1;
    }

.facebookred:after {
    background: url(../img/redes/redfacebook.png) no-repeat -30px 0;
    opacity: 0;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    width: 27px;
    height: 27px;
    transition: opacity 0.5s ease 0s;
}

.twitterred:after {
    background: url(../img/redes/redtwitter.png) no-repeat -30px 0;
    opacity: 0;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    width: 27px;
    height: 27px;
    transition: opacity 0.5s ease 0s;
}

.googleplusred:after {
    background: url(../img/redes/redgoogle.png) no-repeat -30px 0;
    opacity: 0;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    width: 27px;
    height: 27px;
    transition: opacity 0.5s ease 0s;
}

.flickrred:after {
    background: url(../img/redes/redflirck.png) no-repeat -30px 0;
    opacity: 0;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    width: 27px;
    height: 27px;
    transition: opacity 0.5s ease 0s;
}

.youtubered:after {
    background: url(../img/redes/redyoutube.png) no-repeat -30px 0;
    opacity: 0;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    width: 27px;
    height: 27px;
    transition: opacity 0.5s ease 0s;
}

.instagramred:after {
    background: url(../img/redes/redinstagram.png) no-repeat -30px 0;
    opacity: 0;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    width: 27px;
    height: 27px;
    transition: opacity 0.5s ease 0s;
}

header {
    text-align: left;
    margin: 0;
    padding: 0 0 15px;
    position: relative;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: transparent;
}

.navbar {
    margin-bottom: 0;
    background: #04488d url(../img/bg-luz.png) no-repeat 0 50%;
    background-size: cover;
    z-index: 6;
    border-radius: 0;
}

ul.menu {
    list-style-type: none;
    padding: 0;
    margin-top: 10px;
    font-family: sourcelight;
    font-size: 1em;
    letter-spacing: 0px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    text-align: right;
}

    /*** FIN ***/
    ul.menu li {
        display: inline-block;
        padding: 0 10px;
    }

        ul.menu li a {
            text-decoration: none;
            color: #0766CA;
            font-weight: bold;
            margin-bottom: 0;
            margin-top: 0;
        }

            ul.menu li a:hover, ul.menu li a:focus {
                color: #171F89;
            }





ul.menufooter {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: Arial, helvetica, Sans-Serif;
    text-transform: uppercase;
    text-align: right;
}

    ul.menufooter li {
        display: inline-block;
    }

        ul.menufooter li ul {
            padding-left: 25px;
            width: 100%;
        }

            ul.menufooter li ul li {
                width: inherit;
            }

        ul.menufooter li a {
            text-decoration: none;
            font-weight: normal;
            padding-left: 25px;
            color: #152535;
        }

        ul.menufooter li:first-child a {
            padding: 0;
        }

        ul.menufooter li a:hover, ul.menufooter li a:focus {
            color: #103153;
        }

footer section {
    padding-bottom: 5px;
    padding-top: 15px;
    background: #f7f7f7 url(../img/bg-textura2.jpg) no-repeat 0 35%;
    background-size: cover;
}

footer nav {
    margin: 0;
    padding-top: 15px;
}

footer figure {
    float: left;
}

footer figcaption {
    margin-top: 10px;
    color: #05488e;
}

footer address span {
    padding: 0 5px;
}

    footer address span a:hover {
        color: #103153;
    }

footer address {
    color: #999999;
    display: inline;
}

    footer address a {
        color: #152535;
    }

        footer address a:hover {
            color: #ffffff;
        }

    footer address ul {
        margin: 0;
        padding: 10px 0;
        list-style-type: none;
    }

    footer address li {
        display: block;
    }

        footer address li span {
            display: block;
            color: #152535;
        }

footer p {
    color: #999999;
}

footer .ico-tel {
    background: transparent url(../img/ico-tel.png) no-repeat scroll 0 65%;
    width: 80%;
}

footer .ico-fax {
    background: transparent url(../img/ico-fax.png) no-repeat scroll 0 65%;
    width: 80%;
}

footer .ico-loc {
    background: transparent url(../img/ico-loc.png) no-repeat scroll 0 50%;
    width: 80%;
}

footer .ico-tel, footer .ico-fax, footer .ico-mail, footer .ico-loc {
    padding: 7px 30px 0;
}

.mrt {
    margin-top: 30px;
}

.paper-spacer-bottom {
    padding-bottom: 30px;
}

.paper-color {
    background-color: #ffffff;
}


.navbar-toggle .icon-bar {
    background-color: #665234;
}



.group-chk {
    padding: 5px 0 0;
    text-align: left;
    font-size: 0.85em;
}

    .group-chk label {
        display: inline !important;
        font-weight: normal;
    }

header {
    padding-top: 15px;
}

    header img {
        float: left;
    }

.reg {
    text-align: right;
}

    .reg > input, #dominios input, #dominios select, .group > input {
        padding: 4px 3px;
        border: 1px solid #ccc;
        vertical-align: middle;
        font-size: 0.85em;
    }

    .reg label {
        display: block;
        margin: 0;
        position: relative;
    }

    .reg span {
        position: absolute;
        right: 150px;
        top: 15px;
    }

#dominios input[type="text"] {
    width: 100%;
}

#dominios input[type="button"] {
    border: 0 none;
    padding: 6px 12px;
}

.reg > .btn {
    padding: 5px;
    border-radius: 0;
    font-size: 0.8em;
}

.full-screen {
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}
#carousel {
    top: -30px;
}

#carousel .carousel-inner {
    height: auto;
}

#carousel .item img {
    width: 100%;
}

.figcaption {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 60%;
    text-align: center;
    color: #ffffff;
    background: transparent url("../img/textura.png") repeat scroll 0 0;
    padding: 30px;
}

    .figcaption h1 {
        font-family: sourcenormal;
        font-size: 42px;
        margin: 0;
        text-shadow: 0 2px 2px #000000;
    }

    .figcaption p {
        font-size: 20px;
        text-shadow: 0 2px 2px #000000;
    }

.breadcrumb {
    font-size: 0.9em !important;
    background: none;
}

    .breadcrumb a {
        color: #999999;
    }

    .breadcrumb > li {
        color: #999999;
    }

    .breadcrumb > .active {
        color: #999999;
    }

ul.items {
    color: #4d4d4d;
    font-family: sourcelight;
    font-size: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.items a:hover {
    text-decoration: none;
}

ul.items li a {
    color: #0766ca;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    text-decoration: none;
}

ul.items a:hover figure {
    transition: all 0.4s ease-in 0s;
}

.items li {
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    width: 300px;
}

.items h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 10px;
}

#servicios {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3d0ef+0,74a9e2+100 */
    background: #b3d0ef; /* Old browsers */
    background: -moz-linear-gradient(top, #b3d0ef 0%, #74a9e2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b3d0ef 0%,#74a9e2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3d0ef 0%,#74a9e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d0ef', endColorstr='#74a9e2',GradientType=0 ); /* IE6-9 */
    padding: 20px 15px 0;
    overflow: hidden;
}

#formacion, #tpv-client, #ylp, #content {
    padding: 40px 15px;
    overflow: hidden;
}

#formacion {
    background-color: #FAEADE;
}

#ylp {
    background: transparent url(../img/yolopido-bg.jpg) no-repeat scroll 0 0;
    position: relative;
}

#dominios {
    background: transparent url(../img/dominiosbg.png) no-repeat scroll 50% 0 / cover;
    padding: 40px 15px;
    margin-bottom: 30px;
    overflow: hidden;
}

#formacion img {
    display: table-cell;
}

#blog {
    padding: 20px 15px 0;
    overflow: hidden;
    position: relative;
}

.pellizo-t {
    background: transparent url(../img/pellizco-t.png) no-repeat scroll 50% bottom;
    display: block;
}

.pellizo {
    background: transparent url(../img/pellizco.png) no-repeat scroll 50% bottom;
    display: block;
}

#servicios a {
    color: #4d4d4d;
}

#formacion h2, #tpv-client h2, #ylp h2, #version h2, .versiones h2, #content h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
    font-family: sourcebold;
    font-size: 36px;
}

#dominios h2, #dominios span {
    color: #0766CA;
    text-shadow: 1px 2px 1px #ffffff;
}

.inter h1, .inter h2, .formac h1 {
    /*font-family: kaushan;*/
    font-family: sourcenormal;
}

.inter h1, .formac h1 {
    color: #0766CA;
}

.inter h2 {
    color: #04488d;
}

.formac h2 {
    color: #0C82A0;
}

#formacion h2, #tpv-client, #ylp, #version h2, .versiones h2, #content h2 {
    color: #013495;
}

#version {
    text-align: center;
    border: 2px solid #808080;
    padding: 30px;
}

#servicios h2 {
    color: #ffffff;
}

#blog h2 {
    color: #e0ebf7;
}

.Hostservicios h2 {
    color: #013495;
    margin: 30px 0;
    text-align: center;
    font-family: sourcebold;
    font-size: 36px;
}

#blog h3 {
    text-align: center;
    color: #0766ca;
    font-size: 15px;
    margin: 0 39%;
    position: absolute;
    text-align: center;
    width: 20%;
}

    #blog h3 a {
        color: #0766ca;
    }

        #blog h3 a:hover {
            color: #0766ca;
            text-decoration: underline;
        }

.Hostservicios p {
    color: #333333;
    text-align: center;
    text-transform: uppercase;
}

#blog p {
    max-height: 70px;
    overflow: hidden;
}

#blog article {
    margin: 15px 0;
}

#blog img {
    margin: 15px 0;
}

#blog .btn-primary, .Hostservicios .btn-primary {
    float: right;
}

.buscar, .idiomas {
    /*! font-size: 0.85em; */
    /*! height: 30px; */
    /*! border: 1px solid #cccccc; */
    /*! display: inline-flex; */
}

.btnbuscar {
    background-image: url(../img/lupa.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    text-indent: -3000px;
    width: 20px;
}

.buscar input {
    border: 0;
}

#servicios h3, .Hostservicios h3 {
    color: #0766ca;
    /*font-family: kaushan;*/
    font-weight: normal;
    margin-top: 0;
    text-transform: uppercase;
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
}

#servicios ul, .Hostservicios ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#servicios li a {
    background: transparent url(../img/bgarrow.png) no-repeat scroll 0 50%;
    padding-left: 15px;
    color: #1D3B63;
    display: block;
}

.internet {
    background: transparent url(../img/internet.png) no-repeat scroll 50% 50%;
    padding: 15px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.computers {
    background: transparent url(../img/computers.png) no-repeat scroll 50% 50%;
    padding: 15px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.shoponline {
    background: transparent url(../img/shoponline.png) no-repeat scroll 50% 50%;
    padding: 15px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.event, .event2, .event3, .event4, .event5, .event6, .event7, .event8, .event9, .ylp-1, .ylp-2, .ylp-3 {
    margin-bottom: 15px;
    padding-bottom: 86px;
    display: block;
    width: 100%;
}


.tipo h3 {
    margin-top: 0;
    font-family: sourcebold;
}

.tipo p {
    line-height: 1.5;
}

.event-demo, .yolopido-demo, .tactil-demo {
    padding: 15px;
    display: block;
    width: 100%;
}

.event {
    background: transparent url(../img/event.png) no-repeat scroll 50% 50%;
}

.event-demo {
    background: transparent url(../img/event-demo.png) no-repeat scroll 50% 50%;
}

.yolopido-demo {
    background: transparent url(../img/yolopido-demo.png) no-repeat scroll 50% 50%;
}

.tactil-demo {
    background: transparent url(../img/tactil-demo.png) no-repeat scroll 50% 50%;
}

.event2 {
    background: transparent url(../img/event2.png) no-repeat scroll 50% 50%;
}

.event3 {
    background: transparent url(../img/event3.png) no-repeat scroll 50% 50%;
}

.event4 {
    background: transparent url(../img/event4.png) no-repeat scroll 50% 50%;
}

.event5 {
    background: transparent url(../img/event5.png) no-repeat scroll 50% 50%;
}

.event6 {
    background: transparent url(../img/event6.png) no-repeat scroll 50% 50%;
}

.event7 {
    background: transparent url(../img/event7.png) no-repeat scroll 50% 50%;
}

.event8 {
    background: transparent url(../img/event8.png) no-repeat scroll 50% 50%;
}

.event9 {
    background: transparent url(../img/event9.png) no-repeat scroll 50% 50%;
}

.ylp-1 {
    background: transparent url(../img/yolopido-scan.png) no-repeat scroll 50% 50%;
}

.ylp-2 {
    background: transparent url(../img/yolopido-pide.png) no-repeat scroll 50% 50%;
}

.ylp-3 {
    background: transparent url(../img/yolopido-camarero.png) no-repeat scroll 50% 50%;
}

.ico-doc {
    background: transparent url(../img/ico-jccmdoc.png) no-repeat scroll 50% 50%;
    padding: 15px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.ico-oficial {
    background: transparent url(../img/ico-oficial.png) no-repeat scroll 50% 50%;
    padding: 15px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.e-client {
    background: transparent url(../img/eclient.png) no-repeat scroll 50% 50%;
    padding: 15px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.tecnology {
    background: transparent url(../img/tecnology.png) no-repeat scroll 50% 50%;
    padding: 15px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.attcliente {
    background: transparent url(../img/attcliente.png) no-repeat scroll 50% 50%;
    padding: 15px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

#servicios li a:hover, .Hostservicios li a:hover {
    text-decoration: underline;
}

#servicios .box {
    background-color: #BED7F1;
    padding: 30px;
    margin-bottom: 30px;
    min-height: 270px;
}

.Hostservicios .box {
    background-color: #FFFFFF;
    padding: 30px 0px 240px;
    margin-bottom: 30px;
    min-height: 245px;
    box-shadow: 0 0 12px #ADADAD;
    border-radius: 12px;
    overflow: hidden;
}

}


.subtitle span {
    padding: 0 10%;
}

.fancy-w {
    line-height: 0.5;
    text-align: center;
    color: #ffffff;
}

.fancy-b {
    line-height: 0.5;
    text-align: center;
    color: #8AAED6;
}

.fancy-n {
    line-height: 0.5;
    text-align: center;
    color: #E19877;
}

    .fancy-w span, .fancy-b span, .fancy-n span {
        display: inline-block;
        position: relative;
    }

        .fancy-w span:before, .fancy-w span:after {
            content: "";
            position: absolute;
            border-bottom: 1px solid white;
            border-top: 1px solid white;
            height: 10px;
            top: 0;
            width: 100%;
        }

        .fancy-b span:before, .fancy-b span:after {
            content: "";
            position: absolute;
            border-bottom: 1px solid #8AAED6;
            border-top: 1px solid #8AAED6;
            height: 10px;
            top: 0;
            width: 100%;
        }

        .fancy-n span:before, .fancy-n span:after {
            content: "";
            position: absolute;
            border-bottom: 1px solid #E19877;
            border-top: 1px solid #E19877;
            height: 10px;
            top: 0;
            width: 100%;
        }

        .fancy-w span:before, .fancy-b span:before, .fancy-n span:before {
            right: 100%;
            margin-right: 15px;
        }

        .fancy-w span:after, .fancy-b span:after, .fancy-n span:after {
            left: 100%;
            margin-left: 15px;
        }

h1 {
    overflow: hidden;
    
    color: #013495;
}
h1.login  {
    text-align: center;
}
#program {
    margin-bottom: 30px;
}

    #program h1 {
        color: #A2D5F6;
        text-align: left;
        font-family: sourcebold;
        text-transform: uppercase;
        font-size: 36px;
        padding: 0;
        margin: 0 0 15px;
        float: left;
    }

span.pro {
    color: #F47D00;
}

span.clien {
    color: #06468C;
    text-transform: initial;    
}

#program p, #version p {
    line-height: 2;
    display: block;
    clear:left;
}
/*lineas titulos*/
.clientes h2, #servicios h2, #blog h2, #formacion h2 {
    overflow: hidden;
    text-align: center;
    padding: 0 15%;
}

#blog h2, #formacion h2 {
    padding: 0 5%;
}


    #formacion h2:before, #formacion h2:after {
        content: "";
        display: inline-block;
        height: 10px;
        position: relative;
        vertical-align: middle;
        width: 50%;
    }

#servicios h2:before, #servicios h2:after {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}

.clientes h2::before, .clientes h2::after, #blog h2::before, #blog h2::after {
    border-bottom: 1px solid #8aaed6;
    border-top: 1px solid #8aaed6;
}

.clientes h2::before, #servicios h2:before, #blog h2:before, #formacion h2:before {
    right: 0.5em;
    margin-left: -50%;
}

.clientes h2::after, #servicios h2:after, #blog h2:after, #formacion h2:after {
    left: 0.5em;
    margin-right: -50%;
}
/*fin lineas titulos*/
section.contacta {
    background-color: #eaf7ff;
    padding: 10px;
    color: #77631E;
    box-shadow: 0 0 0 2px #fff, 0 0 0 6px #eaf7ff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.contacta h2 {
    color: #0766ca;
    font-size: 15px;
    font-weight: bold;
    font-family: inherit;
    text-shadow: none;
}

.contacta ul {
    padding: 0;
    list-style-type: none;
}

.contacta li {
    color: #77631E;
    list-style-type: none;
    text-align: left;
    padding-left: 30px;
    word-wrap: break-word;
    background-position: 0 70%;
}

    .contacta li:last-child {
        padding-right: 0;
    }

    .contacta li, .contacta li a {
        color: #05488E;
    }
.rect-pos .ico-tel {
    background: transparent url(../img/ico-tel2.png) no-repeat scroll 0 50%;
    padding: 0 15px;
    display: block;
}

.ico-tel {
    background: transparent url(../img/ico-tel.png) no-repeat scroll 0 50%;
}

.ico-calendar {
    background: transparent url(../img/ico-calendar.png) no-repeat scroll 0 50%;
    padding-right: 17px;
}

.ico-fax {
    background: transparent url(../img/ico-fax.png) no-repeat scroll 0 50%;
}

.ico-mail {
    background: transparent url(../img/ico-mail.png) no-repeat scroll 0 60%;
    width: 80%;
}

.ico-tel, .ico-fax, .ico-mail {
    padding: 0;
}

.ico-nube {
    background: transparent url(../img/ico-nube.png) no-repeat scroll 50% 0;
}

.ico-mailn {
    background: transparent url(../img/ico-mailn.png) no-repeat scroll 50% 0;
}

.ico-mailb {
    background: transparent url(../img/ico-mailb.png) no-repeat scroll 50% 0;
}

.ico-dominio {
    background: transparent url(../img/ico-dominio.png) no-repeat scroll 50% 0;
}

.ico-dominiotras {
    background: transparent url(../img/ico-dominiotras.png) no-repeat scroll 50% 0;
}

.ico-tarifa {
    background: transparent url(../img/ico-tarifa.png) no-repeat scroll 50% 0;
}

.ico-hosting {
    background: transparent url(../img/ico-hosting.png) no-repeat scroll 50% 0;
}

#formacion p, #dominios p {
    font-size: 22px;
    margin: 15px 0 30px;
}

#dominios p {
    text-align: center;
}

#formacion ul, .Hostservicios ul, #dominios ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#formacion li, .Hostservicios li, #dominios li {
    display: inline-block;
    text-align: center;
}

    #formacion li a, .Hostservicios li a, #dominios li a {
        color: #013495;
        float: left;
        font-weight: 800;
    }

        #formacion li a:hover, .Hostservicios li a:hover, #dominios li a:hover {
            text-decoration: none;
        }

.dropdown {
    vertical-align: top;
    font-family: sourcenormal;
    font-size: 1em;
}

.open .dropdown {
    text-transform: initial;
    font-weight: normal !important;
    /*margin-right: -58px;*/
    margin-right: -88px;
    margin-left: 0;
    font-family: sourcelight;
    font-size: 1em;
    display: block;
    text-align: left;
    white-space: normal;
    padding: 0;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #dadce1;
    text-decoration: none;
    text-shadow: 1px 1px 0 #efe3dd;
    transition: all 0.5s ease-out 0s;
}

.dropdown-menu {
    background-color: #F2F2F2;
    border-radius: 0;
    padding: 0;
    border: 0;
}

    .dropdown-menu li::after {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        padding: 0;
    }

.dropdown-submenu > .dropdown-menu > li {
    font-family: 'sourcenormal';
    font-size: 0.85em;
}

ul.menu li a {
    border-bottom: 4px solid transparent;
    color: #ccc;
    font-weight: bold;
    transition: all 0.5s ease-out 0s;
}

    ul.menu li a:hover {
        /*border-bottom: 4px solid #F7A30F;*/
        color: #fff;
    }

.menu .dropdown-menu > li {
    width: 100%;
    padding: 0;
}

.dropdown-menu li a {
    padding: 8px 20px;
    color: #04478d !important;
}

.open .dropdown a {
    padding-left: 0;
    font-weight: normal;
    display: block;
    min-width: 120px;
}

.ico-text {
    display: block;
    text-align: center;
    color: #4795E6;
    font-family: kaushan;
    font-size: 32px;
}

.precio {
    color: #ffffff;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
}

.cuenta {
    float: right;
    background: transparent url(../img/ico-cuenta.png) no-repeat scroll 0 0;
    margin-top: 10px;
    padding: 0 30px 0;
    height: 23px;
    cursor: pointer;
}

.cesta {
    float: right;
    background: transparent url(../img/ico-cesta.png) no-repeat scroll 0 0;
    padding: 0 30px 0;
    margin-top: 10px;
}

    .cesta span {
        float: left;
        color: #4d4d4d;
    }

    .cesta a {
        clear: both;
        float: left;
        color: #D13C0B;
    }

section.cuenta h2 {
    color: #048D61;
    font-size: 1em;
    padding: 5px;
    text-align: center;
}

.tipo {
    height: 0;
    margin-bottom: 60px;
    padding-bottom: 48%;
    overflow: hidden;
    /*background-color: #013495;*/
    position: relative;
}

.botones {
    position: absolute;
    bottom: 0;
    right: 0;
}

.tipo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tipo li {
    /*background-color:#013495;
    color:#b3b3b3;*/
    color: #808080;
}

.tipo-img {
    float: left;
    width: 50%;
}

.tipo-pl {
    padding-left: 30px;
}

.tipo-pr {
    padding-right: 15px;
}

.tipo1 {
    color: #B3B3B3;
    float: left;
    width: 50%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.boxalter {
    height: auto;
    overflow: hidden;
    position: relative;
}

.boxblue_login {
    overflow: hidden;
    padding: 0 10px 20px;
    background-color: #ffffff;
    position: absolute;
    z-index: 1;
    border-radius: 6px;
    box-shadow: 0 0 5px #cccccc;
    display: none;
}

.box-lr {
    margin-left: -15px;
    margin-right: -15px;
}

.box-w {
    background-color: #f1f4f7;
    padding: 15px;
}

.box-blue {
    background-color: #d9e8f7;
    padding: 15px;
}

    .box-blue a, .box-w a {
        color: #337ab7;
    }

    .box-blue h3 {
        color: #337ab7;
        text-align: center;
    }

.bgborder-t {
    /*border-top: 1px solid #8AAED6;*/
}

.bgborder-b {
    border-top: 1px solid #dcdcdc;
}

.path {
    font-size: 0.85em;
    padding: 10px 0;
    background-color: #E3E3E3;
    margin-bottom: 30px;
    position: relative;
    z-index: 3;
}

.group {
    margin: 0 0 5px;
    text-align: left;
}

    .group > input {
        width: 100%;
    }

    .group input[type="password"] {
        width: 80%;
    }

.boxblue_login input[type="submit"] {
    width: 100%;
    background-color: #256B53;
    border-color: #256B53;
    font-size: 1em;
}

.group .btn-success {
    background-color: #256B53;
    border-color: #256B53;
    float: right;
    height: 30px;
    padding: 0;
    width: 19%;
}

.btn-success {
    background-color: #256B53;
    border-color: #256B53;
}

.boxblue_login .borderspan {
    display: block;
    letter-spacing: -0.1px;
    margin: 5px 0;
}

.login {
    background: transparent url("../img/login.png") no-repeat scroll 20% 50%;
    padding-left: 25px;
    color: #0766ca;
}

#owl-demo, #owl-client, #Div1 {
    margin: 0 0 15px;
}

    #owl-demo .item {
        height: 0;
        padding-bottom: 80%;
        position: relative;
    }

#owl-host .item {
    height: 0;
    padding-bottom: 67%;
    position: relative;
    -webkit-transition: transform 0.5s; /* Safari */
    transition: transform 0.5s;
    overflow: hidden;
}

    #owl-host .item span {
        bottom: 0;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        padding: 15px;
        text-transform: uppercase;
        text-align: center;
        color: #ffffff;
        background-color: rgba(102,152,208,0.8);
        width: 100%;
        -webkit-transition: bottom 0.5s; /* Safari */
        transition: bottom 0.5s;
    }

    #owl-host .item:hover span {
        bottom: -70px;
    }

    #owl-host .item:hover {
        transform: scale(1.2);
    }

#owl-demo .item span, #Div1 .item span {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: -100px;
    padding: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    -webkit-transition: bottom 0.5s; /* Safari */
    transition: bottom 0.5s;
}

#owl-demo .item:hover span, #Div1 .item:hover span {
    bottom: 0;
}

#owl-demo .item img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
    -webkit-transform: translate3d(0px, -50%, 0px);
    transform: translate(0,-50%); /* IE9*/
}

.owl-carousel .owl-item {
    overflow: hidden;
}

.owl-theme .owl-controls {
    margin-top: 0 !important;
}

#owl-demo .owl-prev, #owl-demo .owl-next {
    background: none;
    color: #808080;
}

.owl-prev, .owl-next {
    background: none;
    color: #808080;
}

/*To move navigation buttons outside use these settings:*/

.owl-prev, .owl-next {
    position: absolute;
}

.owl-prev {
    left: -30px;
    top: 50%;
}

.owl-next {
    right: -30px;
    top: 50%;
}

#main {
    margin-bottom: 30px;
}

.boxcategorias {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 0 12px 2px rgba(178, 178, 178, 0.6);
    text-align: center;
    overflow: hidden;
    margin: 15px 0;
}

.boxcurso {
    height: 185px;
    overflow: hidden;
}

    .boxcurso img {
        transform: scale(1.5) translate(0px, 45px);
        -webkit-transform: scale(1.5) translate(13%, 45px);
    }

.boxcategorias img {
    text-align: center;
    display: table-cell;
}

.boxcategorias h4 {
    font-weight: bold;
}

    .boxcategorias h4 span {
        display: block;
        font-size: 0.85em;
    }

.clientes {
    margin: 20px 0;
}

.inter .contacto .form-control {
    border: 1px solid #4c4db5;
}

.less {
    max-width: 140px;
}

.inter .contacto .form-group > input[type="checkbox"] {
    margin-right: 5px;
}

.form-control {
    border: 2px solid #04488d;
    /*display: inline;*/
    font-size: 1em;
    height: 42px;
    padding: 5px;
    /*width: 340px;*/
}

.group-check {
    width: 80%;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .group-check li {
        display: inline-block;
        width: 40%;
    }

    .group-check label {
        margin: 10px;
        padding-right: 5px;
        display: inline;
    }

.inter .form-group label {
    width: 120px;
    line-height: 1.5;
    vertical-align: top;
}

.date label {
    float: left;
}

.date .form-control {
    width: 15%;
}

.inter .imgdesk {
    padding: 33% 0 0;
}


#ContentCuerpo_Breve {
    height: 80px;
}

#ContentCuerpo_Descripcion {
    height: 200px;
}

.ico {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
}

    .ico a {
        float: left;
        padding-left: 0;
        padding-top: 30px;
    }

.sol {
    color: #04488d;
}

.soporte {
    color: #D24702;
}

.btn-soporte {
    background-color: #d24702;
    border-color: #d24702;
}
/** cesta **/
.tdbor {
    margin-bottom: 15px;
}

.hrtdb {
    border-bottom: 2px solid #8aaed6;
    display: table;
    width: 100%;
}

.tdbtitle {
    border-bottom: 1px solid #8aaed6;
}

.tdbpad {
    padding: 8px 0;
}

a.del {
    color: #d13c0b;
    cursor: pointer;
}
/** fin cesta **/

.fechablog {
    color: #d13c0b;
    font-size: 1.5em;
}

.fechacurso {
    color: #ad1e50;
}

.blue {
    background-color: #0C82A0;
    display: block;
    color: #ffffff;
}

    .blue a {
        color: #ffffff;
    }

.mag {
    background-color: #AD1E50;
    float: left;
    width: 20px;
}

.mag2 {
    background-color: #ad1e50;
    font-size: 1.35em;
    height: 100%;
    margin-top: 0 !important;
    margin-bottom: 0;
    text-transform: lowercase;
    color: #ffffff;
}

.mag3 {
    background-color: #ad1e50;
    display: block;
    height: 20px;
    margin-top: 20px;
    width: 100%;
}

.mag4 {
    background-color: #ad1e50;
    display: block;
    width: 5%;
    height: 5px;
    text-align: center;
    margin: 15px auto;
}

.menublue {
    margin-right: -15px;
    background-color: #0C82A0;
}

    .menublue li {
        margin-top: 0 !important;
    }

        .menublue li a {
            -webkit-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
            color: #dddddd !important;
        }

            .menublue li a:hover {
                color: #ffffff !important;
            }

.bgformac {
    background-color: #FFF0E8;
    padding: 10px;
}

.bggenerico {
    padding: 10px;
}

.datepicker table {
    width: 100%;
}
/*.dest
{
    display: table;
}*/
.datoslib {
    display: table-cell;
    vertical-align: bottom;
    height: 310px;
    width: 100%;
}

.formac hr {
    border-color: #0C82A0;
    border-style: dotted;
}

.formac div:last-child hr {
    display: none;
}

.corner {
    background: white url("../img/corner.png") no-repeat scroll 0 0;
    height: 48px;
    position: absolute;
    right: -30px;
    top: 89px;
    width: 31px;
    z-index: 3;
}

.corner2 {
    background: white url("../img/corner2.png") no-repeat scroll 0 0;
    height: 48px;
    position: absolute;
    left: -31px;
    bottom: 0;
    width: 31px;
    z-index: 4;
}

.Hostservicios li a.enlaceevento {
    padding: 0;
    text-decoration: none;
}

    .Hostservicios li a.enlaceevento:hover {
        color: #807003;
    }

.fecha {
    margin-bottom: 15px;
}

    .fecha span {
        color: #1D3B63;
        font-weight: bold;
    }
.fechaheader {
    float: right;
    color: #000;
    font-size: 0.865em;
    font-family: arial, helvetica, sanserif;
    background-color: #e3e3e3;
    padding: 5px 10px 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom: 0;
    margin-bottom: -1px;
    margin-right: 15px;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    animation: none !important;
    opacity: 1;
}

@keyframes fadein {
    0% {
        opacity:0;
    }
    
    100% {
        opacity: 1;
    }
}
.afichero {
    background-image: url("../img/ico-doc.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 18px;
    text-decoration: none;
}

#cookies li {
    list-style-position: inside;
}

#servicios > address {
    border-color: #ffffff;
    border-style: double;
    border-width: 5px;
    padding: 15px;
}

.fx p {
    height: 0;
    max-height: 70px;
    overflow: hidden;
    padding-bottom: 70px;
}

.logos {
    float: left;
    min-width: 80%;
}

ul.lista {
    padding: 0;
}

.lista li {
    list-style-type: none;
    display: inline;
    padding: 15px;
}

.min li {
    font-size: 0.85em;
}

.btn-link {
    float: right;
}

.lista a {
    color: #001e88;
    margin-bottom: 15px;
}

.logos img {
    display: inline-block;
    padding: 0 15px;
}

.legal {
    font-size: 0.75em;
    line-height: 4;
    float: right;
}

    .legal span {
        padding: 0 5px;
    }

    .legal a {
        color: #152535;
    }

        .legal a:hover {
            color: #103153;
        }

    .legal span::after {
        content: "|";
        color: #103153;
        padding-left: 15px;
        display: inline-block;
    }

    .legal span:last-child::after {
        content: "";
    }

.square {
    width: 12px;
    height: 12px;
    background-color: #013495;
    bottom: 0;
    left: 50%;
    position: absolute;
}

blockquote img {
    margin: 0 auto;
}

li a {
    color: #04488d;
}

.Hostservicios li {
    color: #013495;
    font-weight: 800;
}

.manual {
    float: right;
}

.box-attcliente {
    list-style-type: none;
    overflow: hidden;
}

    .box-attcliente img {
        background-color: #F1F2F4;
        border-radius: 50%;
        /*box-shadow: 0 0 0 5px #fff, 0 0 0 8px #7A7878;*/
        height: 200px;
        margin: 15px;
        padding: 0;
        vertical-align: middle;
        width: 200px;
        display: inline-block;
        position: relative;
        transform: scale(1);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }

    .box-attcliente h3 {
        color: #172543;
        text-align: center;
        text-transform: uppercase;
        padding: 10px;
        margin: 0;
        min-height: 75px;
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }

.boxgroup {
    position: absolute;
    top: 5px;
    right: 20px;
}

    .boxgroup ul li {
        display: inline;
        width: auto;
    }

.ico-alojamiento h2, .ico-restaurante h2, .ico-monumento h2, .ico-agenda h2, .ico-hacer h2 {
    text-align: center;
    padding-top: 27%;
    position: relative;
}

.ico-alojamiento {
    background: transparent url(../manual/img/ylp0-seccion1a.png) no-repeat scroll 50% 0;
}

.ico-restaurante {
    background: transparent url(../manual/img/ylp0-seccion2a.png) no-repeat scroll 50% 0;
}

.ico-monumento {
    background: transparent url(../manual/img/ylp0-seccion3a.png) no-repeat scroll 50% 0;
}

.ico-agenda {
    background: transparent url(../manual/img/ylp0-seccion4a.png) no-repeat scroll 50% 0;
}

.ico-hacer {
    background: transparent url(../manual/img/ylp0-seccion5a.png) no-repeat scroll 50% 0;
}

.input-group {
    margin-bottom: 15px;
}

#sandbox-container {
    display: inline-block;
}

#datetimepicker1, #datetimepicker2 {
    display: inline-block;
}

.date .input-group-addon {
    /*line-height: 2 !important;*/
    float: left;
    width: 15%;
    padding: 12px;
}

.centrar {
    margin: 0 auto;
    text-align: center;
    display: table;
}

.num {
    position: absolute;
    top: 20%;
    right: 18%;
    width: 20px;
    height: 20px;
    border: 2px solid red;
    padding: 6px 5px;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    background-color: rgba(255,0,0,1);
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.delete {
    position: absolute;
    right: 0;
    top: 50%;
}

.edit {
    position: absolute;
    right: 90px;
    top: 50%;
}

.jccm img {
    display: inline-block;
    padding-right: 15px;
}

.less-margin {
    padding: 10px;
    position: relative;
}

#program .less-over-comer:nth-child(2n+1) {
    /*background-color: #F2EBDE;*/
    background: #F2EBDE url(../img/bg-hr.png) repeat scroll 0% 50%;
}

#program .less-over-dormir:nth-child(2n+1) {
    /*background-color: #E4E7F0;*/
    background: #E4E7F0 url(../img/bg-hr1.png) repeat scroll 0% 50%;
}

#program .less-over-visitar:nth-child(2n+1) {
    /*background-color: #E4E7F0;*/
    background: #E4E7F0 url(../img/bg-hr1.png) repeat scroll 0% 50%;
}

#program .less-over-agenda:nth-child(2n+1) {
    /*background-color: #E4E7F0;*/
    background: #E4E7F0 url(../img/bg-hr2.png) repeat scroll 0% 50%;
}

.reg ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.reg li {
    display: inline-block;
    color: #ccc;
    padding-right: 15px;
}

    .reg li a {
        color: #ccc;
    }

        .reg li a:hover {
            color: #fff;
        }

.box p {
    width: 90%;
}

.qr {
    height: 90px;
}

.padleft {
    padding-left: 120px;
}

.ico-perfil {
    background: transparent url(../img/ico-perfil.png) no-repeat scroll 0 50%;
    padding-left: 35px;
}

.ico-pwd {
    background: transparent url(../img/ico-pwd.png) no-repeat scroll 0 50%;
    padding-left: 35px;
}

.ico-finsesion {
    background: transparent url(../img/ico-finsesion.png) no-repeat scroll 0 50%;
    padding-left: 35px;
}

.project {
    color: #17375E;
}

.buscar {
    font-size: 1em;
    display: inline-flex;
    color: #000;
    padding: 10px;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 20px;
    width: 100%;
}

    .buscar input {
        border: 0 none;
    }

    .buscar .bgbuscar {
        min-width: 95%;
    }

.btnbuscar {
    background-attachment: scroll;
    background-color: #ffffff;
    background-image: url("../img/lupa.png");
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -3000px;
    width: 20px;
    margin-right: 15px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align:middle;
}
.table tr:nth-of-type(2n+1) {
    font-weight: bold;
}

.table ul {
    margin: 0;
    padding: 0;
}

.table li {
    display: inline-flex;
    margin: 0;
    border: 0;
    background: 0;
    color: #000;
}


.table td:first-child img {
    float: left;
    padding-right: 2%;
}

.table h4 {
    margin: 0;
    font-weight: bold;
}

.table li a {
    color: #05488E;
}

.table ul.horas {
    margin: 0;
    padding: 0;
}
ul.latitud {
    margin: 0;
    padding: 0;
}
.latitud li {
    display: block!important;
}
.table .latitud li {
    display: block;
}
.latitud .centro {
    font-size: 0.865em;
    background: none !important;
}
.latitud i a img {
    padding: 0 0 0 5px;
    margin: 0;
}
    .table .latitud li i {
        display: inline-block;
        padding: 5px 0 0;       
        padding-right: 10px;
    }
        /*.latitud li i:nth-child(2) span::before {
            content: "- ";
        }
        .latitud li i:nth-child(2) a + span::before {
            content: "";
        }*/
.latitud li i span.entrada {
    background: #fff url(../img/entrada.png) no-repeat scroll 0 0;
    padding-left: 20px;
}
    .latitud li i span.entrada:hover::after, .latitud li i span.salida:hover::after {        
        position: absolute;
        left: 0;
        top: -25px;
        display: block;
        background: #e6e6e6;
        box-shadow: 2px 2px 2px #999;
        padding: 3px;
        font-size: 12px;
        color: #000;
        font-style: normal;
    }

.latitud li i span.salida {
    background: #fff url(../img/salida.png) no-repeat scroll 0 0;
    padding-left: 20px;
}
    .latitud li i span.entrada:hover::after {
        content: "Hora de entrada";
    }
.latitud li i span.salida:hover::after {
    content: "Hora de salida";
}
.table .latitud li i:nth-child(1) span {
    background: #fff url(../img/entrada.png) no-repeat scroll 0 0;
    padding-left: 20px;
}

.table .latitud li i:nth-child(2) span {
    background: #fff url(../img/salida.png) no-repeat scroll 0 0;
    padding-left: 20px;
}
.table .horas li {
    display: block;
    text-align: left;
    font-weight: normal;
    clear: both;
    padding: 5px 0 0;
}
.table .horas li:empty {
    min-height: 22px;
}

    /*.table .horas li div {
        display: inline-block;
    }*/
        .table .horas li div:nth-child(2) span::before {
            content: "- ";
        }

        .table .horas li div:nth-child(2) a + span::before {
            content: "";
        }
        .table .horas li span:nth-child(1) {
        float: left;
        /*margin-right: 5px;*/
    }

    .table .horas li span:nth-child(2) {
        float: left;
        margin-right: 5px;
    }
    
.glyphicon {
    color: #05488E;
}
#nav-tab {
    border:0;
}
#nav-tab h1 {
    float: left;
    color: #A2D5F6;
    text-align: left;
    font-family: sourcebold;
    text-transform: uppercase;
    font-size: 36px;
    margin: 0 0 15px;
}
    #nav-tab h2 {
        float: right;
        margin: 0;
        display: inline-block;
    }

    #nav-tab h1 a {
        color: #06468C;
        padding: 15px 0;
        padding-left: 0px;
        padding-left: 35px;
    }
#nav-tab span {
    color: #06468C;
    text-transform: initial;
}
/*#nav-tab a {
        color: #06498d;
        font-weight: normal;
        border-left: 1px solid #ccc;
        padding: 10px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        margin-right: 15px;
        float: left;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        width: 20%;
    }*/
a.nav-link:active, a.nav-link:focus {
    top: 1px;
    position: relative;
    background: #fff;
    z-index: 1;
}

#nav-tab a.btn-primary {
    background-color: #04488d;
}

.shop {
    padding: 15px;
}

#ContentCuerpo_Dias label {
    width: 117px;
}

#nav-tab h2 a {
   float: right;
    border-radius: 6px;
    color: #fff;
    width: 100%;
}

#FInicio .form-control, #HInicio .form-control, #FFin .form-control, #HFin .form-control {
    width: 100px;
}

#FInicio .input-group-addon, #HInicio .input-group-addon {
    width: auto;
    margin-right: 15px;
}

#FFin .input-group-addon, #HFin .input-group-addon {
    width: auto;
    margin-right: 15px;
}

.nav-item {
    background-color: #f9f9f9;
    top: 1px;
    border-color: #ccc #ccc #fff #ccc;
    margin-right: 15px;
    border-style: solid solid none solid;
    border-width: 1px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .nav-item .nav-link {
        border-bottom: 1px solid #ccc;
    }

        .nav-item .nav-link.active {
            background-color: #fff;
            border-bottom: 1px solid #fff;
        }

/*PANEL DE CONTROL*/

/*aside*/
aside#centro {
    background: #E6E6E6 url(../img/bg-reloj.png) no-repeat scroll 395% 195%;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
aside#centro h3 a {
    color: #000;
    padding: 15px 0;
    padding-left: 35px;
}
    aside#centro h2 {
        background-color: #1F9DE8;
        color: #ffffff;
        font-family: Arial,helvetica,sans-serif;
        font-size: 1.05em;
        font-weight: bold;
        margin-bottom: 0;
        padding: 5px;
        text-align: center;
        text-transform: inherit;
        margin: 0;
    }
aside h3 {
    font-size: 1.05em;
    margin-top: 15px;
}
aside .well a {
    font-weight:bold;
    font-size:1.1em;
    color: #000;
}
.icon {
    border: 2px solid #B3B3B3;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    padding: 0;
    text-indent: -9999px;
    box-shadow: 2px 2px 5px #c6bdbd;
}
.rect .ico-editar {
    background: transparent url(../img/ico-editar.png)no-repeat scroll 0 50%;      
}
.rect .ico-tipoincidencia {
    background: transparent url(../img/ico-tipoincidencia.png)no-repeat scroll 0 50%;      
}
.rect .ico-periodos {
    background: transparent url(../img/ico-periodo.png)no-repeat scroll 0 50%;
}
     .rect .ico-solicitudes::after, .rect .ico-formhistorico::after, .rect .ico-tipoincidencia::after, .rect .ico-editar::after, .rect .ico-licency::after, .rect .ico-festivos::after, .rect .ico-empresas::after, .rect .ico-trabajadores::after, .rect .ico-historico::after, .rect .ico-incidencias::after, .rect .ico-delete::after, .rect .ico-jornadas::after {
        content: "";
        border-radius: 50%;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
    }
.rect .ico-historico:hover::after {
    content: "";
    background: #126FAA url(../img/ico-historico-on.png)no-repeat scroll 50% 50%;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 27px;
    height: 27px;
}
.rect .ico-incidencias:hover::after {
    content: "";
    background: #126FAA url(../img/ico-incidencias-on.png)no-repeat scroll 50% 50%;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 27px;
    height: 27px;
}
.rect .ico-delete:hover::after {
    content: "";
    background: #126FAA url(../img/ico-delete-on.png)no-repeat scroll 50% 50%;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 27px;
    height: 27px;
}
    .rect  .ico-editar:hover::after {
        content: "";
        background: #126FAA url(../img/ico-editar-on.png)no-repeat scroll 50% 50%;
        position: absolute;
        left: 5px;
        top: 0px;
        width: 27px;
        height: 27px;
    }
 .rect  .ico-tipoincidencia:hover::after {
        content: "";
        background: #126FAA url(../img/ico-tipoincidencia-on.png)no-repeat scroll 50% 50%;
        position: absolute;
        left: 5px;
        top: 0px;
        width: 27px;
        height: 27px;
    }
.rect .ico-solicitudes{
    background: transparent url(../img/ico-solicitudes.png)no-repeat scroll 0 50%;      
}

.rect  .ico-solicitudes:hover::after {
        content: "";
        background: #126FAA url(../img/ico-solicitudes-on.png)no-repeat scroll 50% 50%;
        position: absolute;
        left: 5px;
        top: 0px;
        width: 27px;
        height: 27px;
    }
.rect  .ico-licency:hover::after {
    content: "";
    background: #126FAA url(../img/ico-licency-on.png)no-repeat scroll 50% 50%;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 27px;
    height: 27px;
}
.rect .ico-perfil:hover::after {
    content: "";
    background: #126FAA url(../img/ico-perfil-on.png)no-repeat scroll 50% 50%;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 27px;
    height: 27px;
}
.rect .ico-empresas:hover::after {
    content: "";
    background: #126FAA url(../img/ico-empresas-on.png)no-repeat scroll 50% 50%;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 27px;
    height: 27px;
}
.rect .ico-trabajadores:hover::after {
    content: "";
    background: #126FAA url(../img/ico-trabajadores-on.png)no-repeat scroll 50% 50%;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 27px;
    height: 27px;
}
.rect .ico-festivos:hover::after {
    content: "";
    background: #126FAA url(../img/ico-festivos-on.png)no-repeat scroll 50% 50%;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 27px;
    height: 27px;
}
.rect .ico-jornadas:hover::after {
    content: "";
    background: #126FAA url(../img/ico-jornadas-on.png)no-repeat scroll 50% 50%;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 27px;
    height: 27px;
}
.rect  .ico-formhistorico:hover::after {
        content: "";
        background: #126FAA url(../img/ico-formhistorico-on.png)no-repeat scroll 50% 50%;
        position: absolute;
        left: 5px;
        top: 0px;
        width: 27px;
        height: 27px;
    }
    /*.ico-editar:hover {
        background-image: url(../img/ico-editar-on.png);
        background-color:aqua;
        
    }*/
.rect .ico-licency {
    background: transparent url(../img/ico-licency.png)no-repeat scroll 50% 50%;
}
.rect .ico-historico {
    background: transparent url(../img/ico-historico.png)no-repeat scroll 50% 50%;
}
.rect .ico-incidencias {
    background: transparent url(../img/ico-incidencias.png)no-repeat scroll 50% 50%;
}
.rect .ico-delete {
    background: transparent url(../img/ico-delete.png)no-repeat scroll 50% 50%;
}
.ico-misdatos {
    background: transparent url(../img/ico-misdatos.png)no-repeat scroll 0 50%;
}
.ico-misempresas {
    background: transparent url(../img/ico-misempresas.png)no-repeat scroll 0 50%;
    padding-left: 35px;
}
.rect .ico-empresas {
    background: transparent url(../img/ico-empresas.png)no-repeat scroll 50% 50%;
}
.rect .ico-trabajadores {
    background: transparent url(../img/ico-trabajadores.png)no-repeat scroll 50% 50%;
}
.rect .ico-festivos {
    background: transparent url(../img/ico-festivos.png)no-repeat scroll 50% 50%;
}
.rect .ico-formhistorico {
    background: transparent url(../img/ico-formhistorico.png)no-repeat scroll 50% 50%;
}
.rect .ico-jornadas {
    background: transparent url(../img/ico-jornadas.png)no-repeat scroll 50% 50%;
}
.ico-micalendario {
    background: transparent url(../img/ico-micalendario.png)no-repeat scroll 0 50%;    
    width: 27px;
    height: 27px;
}
.ico-calendario {
    background: transparent url(../img/ico-calendario.png)no-repeat scroll 0 50%;
    display: inline-block;
    /*! height: 22px; */
    padding-left: 20px;
}
.hora li {
    display: inline-block;
    padding: 0;
    margin: -2px;
}
.hora li::after {
    content:":";
}
.hora li:last-child::after {
    content:"";
}
.ico-hora {
    background: transparent url(../img/ico-hora.png)no-repeat scroll 0 50%;
    display: inline;
    padding-left:20px;
}
.ico-registros {
    background: transparent url(../img/ico-registros.png)no-repeat scroll 0 50%;
    padding: 5px 35px;
}
.ico-tiposincidencia {
    background: transparent url(../img/ico-tiposincidencia.png)no-repeat scroll 0 50%;
    padding: 5px 35px;
}
#centro .ico-incidencias{
	background: transparent url(../img/ico-tiposincidencia.png)no-repeat scroll 0 50%;
    padding: 5px 35px;
}
#centro .ico-solicitudes{
	background: transparent url(../img/ico-solicitud.png)no-repeat scroll 0 50%;
    padding: 5px 35px;
}
.ico-pwd {
    background: transparent url(../img/ico-pwd.png)no-repeat scroll 0 50%;
    padding: 5px 35px;
}
.ico-sesion {
    background: transparent url(../img/ico-sesion.png)no-repeat scroll 8px 50%;
    padding: 8px 35px;
    width: 85%;
    margin-top: 15px;
}
/**bloques**/
.seccion {
    min-height: 160px;
    position: relative;
    border-radius: 100%;
    width: 160px;
    margin: 0 auto;
}
.seccionrect {
    min-height: 240px;
    position: relative;
    border-radius: 0;
    width: 100%;
    margin: 0 auto 30px;
    background-color: #E6E6E6;
    border-radius: 12px;    
}
.border-last {
    background-color: #fff;
    border: 3px solid #e6e6e6;
}
.seccion-datos {
    background: #E6E6E6 url("../img/bg-datos.png") no-repeat scroll 50% 50%;
}
.seccion-empresas {
    background: #E6E6E6 url("../img/bg-empresa.png") no-repeat scroll 50% 50%;
    
}
.seccion-trabajadores {
    background: #E6E6E6 url("../img/bg-trabajadores.png") no-repeat scroll 50% 50%;
}
.seccion-calendario {
    background: #E6E6E6 url("../img/bg-calendario.png") no-repeat scroll 50% 50%;
}
.seccion-clave {
    background: #E6E6E6 url("../img/bg-clave.png") no-repeat scroll 50% 50%;
}
.bg-festivos {
    background: #fff url(../img/bg-festivos.png) no-repeat scroll 50% 50%;
    width: 31px;
    height: 31px;
    display: block;
}
.divider {
    height: 1px;
    margin: 9px 30px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    padding: 0;
}
.border {
    width: 98%;
    height: 98%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    border-radius: 100%;
    border: 12px double #fff;
}
.rect {
    width: 98%;
    height: 98%;    
    border-radius: 12px;
    border: 3px solid #fff;
    padding: 5px;
}
.rect-pos {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.rect img {
    /*float: left;*/
    max-width: 58px;
    border: 0;
    margin-right: 5px;
}
.rect h2 {
    font-size: inherit;
    margin: 0;
    padding: 8px 0;
    font-weight: bold;
    font-style: normal;
    color: inherit;
}
    .rect h2 a {
        color: #06468c;
        font-weight: bold;
    }
.rect p {
    padding: 8px 0;
    margin: 0;  
    text-align: left;
}
.rect h3 {
    font-size: inherit;
    margin: 0;
    padding: 8px 0;
    font-weight: bold;
}
.rect h2 ~ a {
    color: #04488d;
    word-wrap: break-word;
}
.rect ul.cld-days {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    left: 0;
}
.rect .cld-datetime {
    padding: 5px 0;
}
.rect ul.cld-labels {
    width: 100%;
    margin: 0;
    /*! background-color: #e6e6e6; */
}
.rect li.cld-day.disableDay {
        color:#828080;
    }

.rect li.cld-label {
    display: inline-cell;
    padding: 10px;
}
.rect .cld-day p {
    text-align:center;
}
.rect li.cld-day {
    padding:0;
    background-color: #fff;
}
.rect ul.cuenta {
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    bottom: 25px;
    left: 0;
}
.rect li {
    list-style-type: none;  
    display: inline-block;    
    position: relative;
    padding: 0 5px;
}

.rect li a {   
    display: inline-block;    
}
.rect .licen {
    position: absolute;
    top: 20px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 0;
    padding-top: 8px;
    text-align: center;
    display: block;    
    color: #ff6200;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size:14px;
    text-indent: 0;
    letter-spacing: -2px;
    width: 100%;
}
.rect .ico-perfil {
    background: transparent url(../img/ico-perfil.png)no-repeat scroll 0 50%;
    
}
/*#program h2 {
    text-align: center;
}*/
.btn-primary {
    color: #fff;
    background-color: #06468C;
    border-color: #06468C;
    /*border-radius: 0;*/
    text-transform: uppercase;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
    .btn-primary:hover {
        color: #fff;
        background-color: #1F9DE8;
        border-color: #1F9DE8;
    }
.reg .btn-primary {
    color: #fff;
    background-color: #1F9DE8;
    border-color: #1F9DE8;
   /* border-radius: 0;*/
    text-transform: uppercase;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

    .reg .btn-primary:hover {
        color: #fff;
        background-color: #06468C;
        border-color: #06468C;
    }
.btn-cancelar {
    color: #fff;
    background-color: #878787;
    border-color:  #878787;
   /* border-radius: 0;*/
    text-transform: uppercase;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
    .btn-cancelar:hover {
        color: #fff;
        background-color: #666;
    }

.btn-volver {
    color: #fff;
    background-color: #878787;
    border-color:  #878787;
  /*  border-radius: 0;*/
    text-transform: uppercase;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    display: inline-block;
    float: right;
    margin: 0 0 15px;
}
    .btn-volver:hover {
        color: #fff;
        background-color: #666;
    }

/**tablas**/
.table-rect {
    display:table;
    width: 100%;    
}
.tr-rect {
    display: table-row;
    font-size: 0.865em;
}    
.tr-rect:first-child {
    font-weight: bold;
}
    .tr-rect:nth-of-type(2n+2) {
        background-color: #f9f9f9;
        font-weight: bold;
    }

.th-rect {
    display:table-cell;
    vertical-align: middle;
    height: 50px;
    border-bottom: 1px dotted;
    font-weight: bold;
    background-color: #fff;
    font-size: initial;
}
.td-rect:nth-child(3) {
    text-align: center;
}
.td-rect {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    border-bottom: 1px dotted;
}
.tr-rect .td-rect:first-child {
    width: 60%;
    padding:5px;
}
.tr-rect.festivo .td-rect img {
    float: none;
}
    .td-rect img {    
    padding-right: 5px;
    float: left;
}
.th-rect h3 {
    font-size: inherit;
    font-weight: bold;
    text-transform: uppercase;    
}
.td-rect h4 {
    display: inline;
    margin: 0;
    vertical-align: middle;
    font-weight: bold;
    font-size: inherit;
    word-wrap: break-word;
}
.mes li {
    padding: 0;
    display: block;
    font-style:italic;
}
    .mes li em {
        width: 135px;
        display: inline-block;
        font-style:normal;
    }
.mes li:last-child em {
    color: red;
}
/**calendario**/
.rect-pos .cal {
    width: 100%;
    border: 0 !important;
}
.rect-pos .cal a {
    color: inherit;
}
    

    /*.rect-pos .cal tr:first-child td {
        background: #CDE1EF !important;
    }*/
    .rect-pos .cal td:first-child {
        background: #fff !important;
    }

    .rect-pos .cal th {
        text-align: center;
    }

    /*.rect-pos .cal td:nth-child(n+6) {
        background-color: #e6e6e6 !important;
    }*/

#ContentCuerpo_cal td.Festivo,
#Calendario td.Festivo {
    background-color: red !important;
    color: white;
}
#ContentCuerpo_cal td.Festivo a,
#Calendario td.Festivo a{
    color:white;
}

#ContentCuerpo_cal td.Laboral {
    background-color: green !important;
    color: white;
}

    #ContentCuerpo_cal td.Laboral a {
        color: white;
    }
#ContentCuerpo_cal td.Incidencias {
    background-color: orange !important;
    color: white;
}

    #ContentCuerpo_cal td.Incidencias a {
        color: white;
    }
#ContentCuerpo_Dias td label {    
    max-width:50px;
}
.ico-pdf {
    text-indent: -9999px;
    position: absolute;
    left: 43%;
    top: 32px;
}

    .ico-pdf:after {
        background: #fff url(../img/PDF_32.png)no-repeat scroll 0 0;
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        top: 0;
        width: 32px;
        height: 32px;
    }
.wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /**/
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
}

.flex {
    padding: 0 15px;
    -webkit-flex-basis: 33.33333333%; /* Safari 6.1+ */
    width: 33%;
    flex-basis: 33.33333333%;
    -ms-flex-preferred-size: 30%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}
    .flex .border-last {
        border-radius: 12px;
        padding: 5px;
    }
.flex .cal {
    width: 100%;
    border: 0 !important;
}
.flex .cal th {
    text-align: center;
}
.flex .cal td:first-child {
    background: #fff !important;
}
.flex .cal a {
    color: inherit;
}
ul.tiposlocalizacion {
    margin: 0;
    padding: 0;
    text-align: center;
}
    .tiposlocalizacion li {
        list-style-type: none;
        display: inline;
        padding: 30px 20px 0;
    }
.tiposlocalizacion li i{
    display: inline-block;
    padding-left: 0;
    padding-top: 30px;
}
.ico-gps {
    background: transparent url(../img/ico-gps.jpg) no-repeat scroll 50% 0;
    width: 80%;
}
.ico-wifi {
    background: transparent url(../img/ico-wifi.jpg) no-repeat scroll 50% 0;
    width: 80%;
}
.ico-bluethooth {
    background: transparent url(../img/ico-bluethooth.jpg) no-repeat scroll 50% 0;
    width: 80%;
}
.registro-jornadas {
    font-family: sourcenormal, Arial, Helvetica, sans-serif;
    /*background-color: #f4f7f9;*/
    margin: 0;
    color: #333;
    line-height: 1.6;
}

    .registro-jornadas .container {
        /*max-width: 1100px;
    margin: 40px auto;*/
        background-color: #fff;
        /*padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
    }

    .registro-jornadas h1 {
        text-align: center;
        margin-bottom: 30px;
        color: #2c3e50;
    }

    .registro-jornadas details.month-panel {
        margin-bottom: 10px;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
        background-color: #e7f2fd;
        width: 100%;
    }

        .registro-jornadas details.month-panel > summary {
            display: flex;
            justify-content: space-between;
            align-items: center;
            /*font-size: 1.1rem;*/
            font-weight: 800;
            padding: 15px;
            background-color: #a7c9fa;
            color: #2c3e50;
            cursor: pointer;
            outline: none;
            border-bottom: 1px solid #d4e7f7;
            width: 100%;
            box-sizing: border-box;
        }
        .registro-jornadas details.month-panel > div {
            padding:15px;
        }
            .registro-jornadas details.week-panel {
        margin: 10px 0;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
        background-color: #eef7ff;
        width: 100%;
    }

        .registro-jornadas details.week-panel > summary {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: sourcenormal, Arial, Helvetica, sans-serif;
            font-size: 1.58rem;
            font-weight: 500;
            padding: 12px;
            background-color: #b4d9ff;
            color: #34495e;
            cursor: pointer;
            outline: none;
            border-bottom: 1px solid #d0e6ff;
            width: 100%;
            box-sizing: border-box;
            line-height: 1.42857;
        }
        .registro-jornadas details.week-panel > div {
            padding:12px;
            overflow-x:auto;
        }
            /* CONTENEDOR FLEXIBLE PARA FILAS DE DÍAS */
            .registro-jornadas .days {
        display: grid;
        grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr 1.2fr; /* Día más ancho, Observaciones con margen justo */
        gap: 1px;
        background-color: #ddd;
        border-radius: 4px;
        /*overflow: hidden;*/
        max-width: 100%;
        font-size: 1.38rem;
    }

        /* ESTILOS DE CELDAS */
        .registro-jornadas .days div {
            min-width: 80px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 8px 10px;
            text-align: left;
            box-sizing: border-box;
        }

            /* LIMITE ESPECÍFICO A LA COLUMNA DE OBSERVACIONES */
            .registro-jornadas .days div:nth-child(6) {
                max-width: 140px;
            }

        /* ESTILOS DE CABECERA */
        .registro-jornadas .days.header div {
            background-color: #f0f0f0;
            font-weight: bold;
            color: #495057;
        }

        /* ESTILOS DE FILAS NORMALES */
        .registro-jornadas .days div {
            background-color: #fff;
            color: #495057;
        }

        .registro-jornadas .days:nth-child(even) div {
            background-color: #f9f9f9;
        }

    /* ESTILO DE HORAS COMPLEMENTARIAS */
    .registro-jornadas .complementaria {
        text-align: right;
        font-weight: bold;
    }

        .registro-jornadas .complementaria.positive {
            color: green;
        }

        .registro-jornadas .complementaria.negative {
            color: red;
        }

    /* TOTALES */
    .registro-jornadas .total-week,
    .registro-jornadas .total-month,
    .registro-jornadas .total-year {
        font-weight: bold;
        margin-top: 10px;
        padding: 10px;
        background-color: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 4px;
        text-align: right;
        color: #343a40;
        width: 100%;
        box-sizing: border-box;
    }
    .registro-jornadas .total-week {
        font-size: 1.38rem;
        font-weight: normal;
       background-color: #f5f5f5;
    }

.calendarioincidencias .calendario {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .calendarioincidencias .calendario th {
        background-color: #f0f0f0;
        font-weight: bold;
        text-align: center;
        height: 40px;
    }

    .calendarioincidencias .calendario td {
        border: 1px solid #ccc;
        vertical-align: top;
        height: 100px;
        width: 14.28%;
        padding: 5px;
    }

.calendarioincidencias .titulo {
    text-align: center;
    font-size: 20px;
    margin: 10px 0;
    display: inline-block;
    min-width: 160px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.calendarioincidencias .navegacion {
    text-align: center;
    margin-bottom: 10px;
}

.calendarioincidencias .inicial {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #007bff;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    margin: 2px;
    cursor: help;
}

.calendarioincidencias .fin-de-semana {
    background-color: #f5f5f5;
}

.calendarioincidencias .festivo {
    background-color: #ffdddd;
    color: red;
}

.calendarioincidencias .filtro-label {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
}

.calendarioincidencias .filtro-item label {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}

.marcocalendario {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.festivo-nombre {
    font-size: 0.75em;
    color: #a00;
    margin-top: 4px;
}
.inicial {
    position: relative;
    cursor: pointer;
}

.inicial::after {
    content: attr(data-tooltip);
    white-space: normal;
    display: none;
    position: absolute;
    background: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 13px;
    z-index: 10;
    max-width: 200px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.inicial:hover::after {
    display: block;
}

/* Permitir contenido HTML dentro del tooltip usando pseudo-elementos */
.inicial::after {
    content: none;
}

    .inicial:hover::before {
        content: attr(data-tooltip);
        display: block;
        position: absolute;
        background: #333;
        color: #fff;
        padding: 10px 12px;
        border-radius: 8px;
        font-size: 14px;
        font-family: "Segoe UI", sans-serif;
        white-space: normal;
        line-height: 1.4;
        text-align: left;
        max-width: 260px;
        width: max-content;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        top: 120%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
    }

.tooltip-box {
    position: absolute;
    background-color: #fefefe; /* Fondo claro */
    color: #333; /* Texto oscuro */
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 13px;
    z-index: 1000;
    max-width: 240px;
    display: none;
    white-space: normal;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    font-family: 'Segoe UI', Tahoma, sans-serif;
}
.dia-actual {
    border: 2px solid black;
    border-radius: 4px;
}
.badge {
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 1.1rem;
    font-weight: normal; /* 👈 Sin negrita */
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.5rem;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); /* opcional: sutil sombra */
}

.badge-success {
    background-color: #28a745;
    color: #fff;
}

.badge-danger {
    background-color: #dc3545;
    color: #fff;
}

.badge-warning {
    background-color: #ffc107;
    color: #000;
}
.badge-orange {
    background-color: #fd7e14; /* naranja intenso */
    color: #fff;
}
.badge-round {
    display: inline-block;
    min-width: 2em;
    height: 2em;
    padding: 0.25em;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 50%;
    color: #fff;
    background-color: #dc3545; /* rojo */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.jornada-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .jornada-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 480px) {
    .jornada-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.jornada-grid label {
    font-weight: bold;
    text-align: center;
}

.jornada-grid .asptextbox {
    display: inline-block !important;
    width: 100% !important;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    height: 42px;
    padding: 6px;
}
.total-anuales-wrapper {
    text-align: center;
}

.total-anuales-group {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

    .total-anuales-group .form-control {
        max-width: 120px;
        text-align: center;
        height: 42px;
        font-size: 16px;
    }