﻿/*
-	Color primario: Azul -> #b4c3cf
-	Color secundario  ->   #FFFFFF
-	¿Color terciario?   ->   #a3a3a3

*/
a.btn:not([href]):not([tabindex]), .btn,
a.btn.btn-outline,
a .btn:not([href]):not([tabindex]).btn-dark, .btn.btn-dark {
    background-color: #b4c3cf !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
}


    a.btn:not([href]):not([tabindex]):hover, .btn:hover,
    a.btn:not([href]):not([tabindex]):active, .btn:active,
    a.btn:hover,
    a.btn:active, 
    a.btn:not([href]):not([tabindex]).btn-dark:hover, .btn.btn-dark:hover
    a.btn:not([href]):not([tabindex]).btn-dark:active, .btn.btn-dark:active {
        background-color: #FFFFFF !important;
        border-color: #b4c3cf !important;
        color: #b4c3cf !important;
    }

.btn.btn-defaul {
    background-color: #b4c3cf !important;
    border-color: #b4c3cf !important;
    color: white !important;
}

.btn.btn-defaul:hover {
    background-color: #b4c3cf !important;
    border-color: #FFFFFF !important;
    color: #b4c3cf !important;
}

a.btn:not([href]):not([tabindex]).btn-outline, .btn.btn-outline {
    border-color: #b4c3cf !important;
    color: #b4c3cf !important;
}

.post-item .post-image .post-meta-category a:hover {
    color: #FFFFFF !important;
}

a.btn:not([href]):not([tabindex]).btn-outline, .btn.btn-outline:hover {
    border-color: #b4c3cf !important;
    background-color: #FFFFFF !important;
    color: #b4c3cf !important;
}

::selection {
    background: #b4c3cf !important;
    color: white !important;
    text-shadow: none !important;
}

.post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category {
    background-color: #b4c3cf !important;
}

.item-link {
    color: #b4c3cf !important;
}

.ball-beat > div, .ball-grid-beat > div, .ball-grid-pulse > div, .ball-pulse-sync > div, .ball-rotate > div, .ball-rotate > div:after, .ball-rotate > div:before, .ball-scale-multiple > div, .ball-scale-ripple > div, .ball-spin-fade-loader > div, .ball-triangle-path > div, .ball-zig-zag > div, .cube-transition > div, .line-scale-pulse-out-rapid > div, .line-scale > div, .square-spin > div {
    background: #b4c3cf !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #b4c3cf !important;
}
 
/*#mainMenu nav > ul > li > a,
#header .header-extras > ul > li .topbar-dropdown > a,
#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    color: #b4c3cf !important;
    font-size: 13px !important;
}*/

@media (min-width: 902px) and (max-width: 921px) {
    #mainMenu nav > ul > li > a,
    #header .header-extras > ul > li .topbar-dropdown > a,
    #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
        color: #b4c3cf !important;
        font-size: 12px !important;
        padding: 11px 3px !important;

    }                                
}

@media (min-width: 922px) and (max-width: 951px) {
    #mainMenu nav > ul > li > a,
    #header .header-extras > ul > li .topbar-dropdown > a,
    #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
        color: #b4c3cf !important;
        font-size: 12px !important;
        padding: 11px 5px !important;
    }
}

@media (min-width: 952px) and (max-width: 1019px) {
    #mainMenu nav > ul > li > a,
    #header .header-extras > ul > li .topbar-dropdown > a,
    #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
        color: #b4c3cf !important;
        font-size: 12px !important;
        padding: 11px 8px !important;
    }
}


@media (min-width: 1020px) {
    #mainMenu nav > ul > li > a,
    #header .header-extras > ul > li .topbar-dropdown > a,
    #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
        color: #b4c3cf !important;
        font-size: 13px !important;
    }
}

/*Responsivo */
@media (max-width: 901px) {
    #mainMenu nav > ul > li > a,
    #header .header-extras > ul > li .topbar-dropdown > a,
    #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
        color: #b4c3cf !important;
        font-size: 13px !important;
    }
}


#mainMenu nav > ul > li > a:hover,
#header .header-extras > ul > li .topbar-dropdown :hover,
#mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > span:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    color: #FFFFFF !important;
    background-color: #b4c3cf !important;
}



.post-navigation .post-all {
    color: #b4c3cf !important;
}

.post-navigation .post-all:hover {
    color: #b4c3cf !important;
}

a:hover, a:focus, a:active {
    color: #b4c3cf !important;
}

.widget .widget-title, .widget > h4 {
    text-transform: none !important;
}

.pagination .page-item:not(.disabled) > .page-link {
    color: #b4c3cf !important;
    
}

.pagination .page-item:not(.disabled).active > .page-link {
    background-color: #b4c3cf !important;
    border-color: #b4c3cf !important;
    color: #fff !important;
}

a.btn:not([href]):not([tabindex]).btn-rss, .btn.btn-rss {
    background-color: orange !important;
    color: white !important;
    border-width: 0;
}

a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active {
    background-color: #FFFFFF !important;
    border-color: #b4c3cf !important;
    color: #b4c3cf !important;
}

a.btn:not([href]):not([tabindex]).btn-red-social-asinca {
    background-color: #b4c3cf !important;
    color: #FFFFFF !important;
    border-width: 1px;
}

a.btn:not([href]):not([tabindex]).btn-primary, .btn.btn-primary {
    background-color: #b4c3cf !important;
    border-color: #b4c3cf !important;
}

.text-box {
    text-align: left !important;
}
.form-control:focus, input:focus, select:focus {
    border-color: #b4c3cf !important;
}

#footer .footer-content {
    padding: 0 0 0 0 !important;
}

.widget {
    margin-bottom: 0 !important;
}
/*
#header, #header #header-wrap {
    height: 15vh !important;
}
*/
    /*#header #header-wrap #logo a > img {
        height: 20vh !important;
    }*/

#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a, #header .header-extras > ul {
    font-size: 16px !important;
    min-width: 275px !important;
}
.datos-centro-trabajo {
    color: #b4c3cf !important;
}

.datos-centro-trabajo > li > a {
    color: #b4c3cf !important;
}

    .datos-centro-trabajo > li > a:hover {
        text-decoration: underline #FFFFFF !important;
    }

div .post-item-wrap > h3 {
    padding-bottom: 2.5vh;
}
#page-title.page-title-classic .page-title {
    text-align: center;
    width: 100% !important;
}
.owl-item {
    padding-left: 5vw;
    padding-right: 5vw;
}
.owl-prev:hover, .owl-next:hover {
    background-color: #b4c3cf !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
}
/*
    Centrar titulos
*/
    .post-item > .post-item-wrap > h3, .post-thumbnail-list > .widget > a > h4 {
        text-align: center;
    }
/*
    Centrar titulos
*/

/*
    Begin - Css añadido o mezclado
*/
#page-title.page-title-classic .breadcrumb {
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

/*
    End - Css añadido o mezclado
*/
.device-md > #wrapper > .sticky-active > #header-wrap {
    height: 150px !important;
}

.device-md > #wrapper > #header > #header-wrap {
    line-height: 100px !important;
}

/*#header #header-wrap #logo #ImagenLogo {
    height: 30px !important;
}*/

@media (min-width: 903px) and (max-width: 911px) {
    #header #header-wrap #logo #ImagenLogo {
        height: 96px !important;
    }
}

@media (min-width: 912px) and (max-width: 922px) {
    #header #header-wrap #logo #ImagenLogo {
        height: 98px !important;
    }
}

@media (min-width: 923px) and (max-width: 932px) {
    #header #header-wrap #logo #ImagenLogo {
        height: 100px !important;
    }
}

@media (min-width: 933px) and (max-width: 952px) {
    #header #header-wrap #logo #ImagenLogo {
        height: 113px !important;
    }
}

@media (min-width: 953px) and (max-width: 1000px) {
    #header #header-wrap #logo #ImagenLogo {
        height: 102px !important;
    }
}

@media (min-width: 1001px) and (max-width: 1019px) {
    #header #header-wrap #logo #ImagenLogo {
        height: 130px !important;
    }
}

@media (min-width: 1020px) and (max-width: 1050px) {
    #header #header-wrap #logo #ImagenLogo {
        height: 112px !important;
    }
}

@media (min-width: 1050px) and (max-width: 1150px) {
    #header #header-wrap #logo #ImagenLogo {
        height: 120px !important;
    }
}

@media (min-width: 1151px) {
    #header #header-wrap #logo #ImagenLogo {
        height: 140px !important;
    }
}


@media (max-width: 902px) {
    #header #header-wrap #logo #ImagenLogo {
        height: 95px !important;
    }
}

    

