/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

@font-face {
    font-family: 'gobCL';
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/gobcl_light.eot?") format("eot"), url("../fonts/gobcl_light.woff") format("woff"), url("../fonts/gobcl_light.ttf") format("truetype");
}

@font-face {
    font-family: "gobCL";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/gobcl_regular.eot?") format("eot"), url("../fonts/gobcl_regular.woff") format("woff"), url("../fonts/gobcl_regular.ttf") format("truetype");
}

@font-face {
    font-family: "gobCL";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/gobcl_bold.eot?") format("eot"), url("../fonts/gobcl_bold.woff") format("woff"), url("../fonts/gobcl_bold.ttf") format("truetype");
}

@font-face {
    font-family: "gobCL";
    font-weight: 900;
    font-style: normal;
    src: url("../fonts/gobcl_heavy.eot?") format("eot"), url("../fonts/gobcl_heavy.woff") format("woff"), url("../fonts/gobcl_heavy.ttf") format("truetype");
}

/* Estilos Generales */

html,
body {
    overflow-x: hidden;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #444;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/* Tipografías */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-weight: 700;
}

h1,
.news-detail .taxonomy-header h2 {
    font-size: 2em;
    color: #7bf2e3 !important;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.news-detail h1,
.page-printmail h1 {
    text-shadow: none;
    color: #0b4f87 !important;
}

h3 {
    font-size: 1.125em;
    color: #075394;
}

blockquote {
    border: 0;
    font-size: 1.250em;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    width: 33%;
    float: left;
    padding-left: 0;
    color: #0b4f87;
    font-weight: 500;
}

/* Links */

a,
.navbar-default .navbar-nav > li > a {
    color: #006cb7;
    text-decoration: underline;
}

.cards-wrapper .panel-pane .panel-content .views-footer a {
    line-height: 1em;
}

a,
a:before,
a:after {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.btn {
    background: #01b19b !important;
    color: #fff !important;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-weight: 700;
    display: block;
    border-radius: 0;
    text-decoration: none;
    border: 0;
    font-size: 1em;
    white-space: normal;
}

.btn:hover {
    background: #3f90c8 !important;
    color: #fff !important;
}

.btn:focus {
    color: #fff;
}

.btn[disabled] { opacity: 0.25 }

.btn-view-all,
.form-submit {
    float: right;
    border-radius: 100px;
    padding: 5px 15px 3px 15px;
    box-shadow: 0px 3px 0px 0px #008d7c;
    margin-top: 15px;
}

.btn-view-all:hover,
.form-submit:hover {
    color: #fff;
    background: #095393;
    box-shadow: 0px 3px 0px 0px #0b2942;
}
button[disabled="disabled"].form-submit:hover {
    background: #01b19b;
    color: #fff;
}

/* Tags */

.tag {
    display: inline-block;
}

.tag ul {
    list-style-type: none;
    display: inline-block;
    padding: 0;
}

.tag ul li,
.tag-type {
    background-color: #dff2ed;
    color: #01b19b;
    display: inline-block;
    margin-right: 2px;
    font-size: 0.750em;
    padding: 5px;
    line-height: 1em;
}

/* Form */

input.form-control,
select.form-control {
    border-radius: 40px;
    box-shadow: none;
    display: block;
    width: 100%;
    background-color: #fff;
}

input.form-control:focus,
select.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #333;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('../images/select.svg') right center no-repeat;
    background-size: 25px 15px;
    padding-right: 35px;
}



/* TODO: para el contenido faltante */




/* Header */

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

header.navbar-default {
    background-color: #fff;
    margin: 0 !important;
    border: 0;
}

/* header article .logo {
    margin-right: 30px;
} */

header article {
    background-color: #f7f7f7;
}

header article .logo {
    position: relative;
    margin: 0;
    top: -56px;
    margin-bottom: -10px;
    padding-right: 0 !important;
    margin-right: 30px;
}

header .name h2 {
    margin-top: 60px;
    margin-bottom: 0;
    font-size: 2em;
    color: #3a709e;

}

header nav.primary,
header nav.secundary {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
}

header nav.primary {
    background-color: #efefef;
}

header nav.primary .navbar-nav > li {
    position: relative;
}

header nav.primary .navbar-nav > li > a,
header nav.primary .navbar-nav > li > span {
    font-size: 1.125em;
    padding: 20px 36px !important;
    font-weight: 700;
    text-decoration: none;
    color: #444;
    border-right: 1px solid #e2e2e2;
    background: transparent;
    display: block;
    line-height: inherit;
}

header nav.primary .navbar-nav > .active > a,
header nav.primary .navbar-nav > .active > span {
    background: transparent;
    color: #01b19b;
}

.border-right{border-right: 1px solid #444}

header nav.primary .navbar-nav > li > a:hover,
header nav.primary .navbar-nav > li > span:hover,
header nav.primary .navbar-nav > li > a:active:hover,
header nav.primary .navbar-nav > .active > a:hover {
    color: #01b19b;
    background: transparent;
}

header nav.primary .navbar-nav > li.active:before {
    content: '';
    display: block;
    height: 4px;
    top: -4px;
    right: 0;
    left: 0;
    background-color: #01b19b;
    position: absolute;
}

header nav.primary .navbar-collapse {
    padding: 0;
}

.dropdown-menu {
    padding: 0;
    border: 0;
    border-top: 4px solid #01b19b;
    min-width: 100%;
}

.dropdown-menu > li > a,
.dropdown-menu > li > span,
.open .dropdown-menu > li > a,
.open .dropdown-menu > li > span {
    text-decoration: none;
    padding: 5px 15px;
}

.dropdown-menu > li > span {
    display: block;
}

.dropdown-menu > li.first > a,
.dropdown-menu > li.first > span {
    padding-top: 10px;
}

.dropdown-menu > li.last > a,
.dropdown-menu > li.last > span {
    padding-bottom: 10px;
}

.dropdown-menu > li > span:hover,
.dropdown-menu > li > span:focus {
    background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > span,
.dropdown-menu > .active > span:hover,
.dropdown-menu > .active > span:focus {
    background-color: #eafaf6;
    color: #000;
}

header nav.primary .navbar-nav > li.open > a:after,
header nav.primary .navbar-nav > li.open > span:after {
    top: auto !important;
    bottom: -5px !important;
}

header .container nav.secundary {
    text-align: right;
}

header nav.secundary .block-menu {
    display: inline-block;
}

header nav.secundary .nav {
    padding: 8px 0;
}

header nav.secundary .nav > li > a {
    font-size: 0.875em;
    padding: 4px 15px;
}

header nav.secundary .block-menu-menu-menu-secundario a {
    border-right: 1px solid #d4ede7;
}

header nav.secundary .block-menu-menu-menu-secundario a i {
    margin-right: 5px;
}

header nav.secundary .block-menu-menu-redes-sociales-header {
    margin-left: 5px;
}

header nav.secundary .block-menu-menu-redes-sociales-header .nav > li > a {
    font-size: 1em;
    padding: 0 5px;
}

header nav.secundary .block-menu-menu-redes-sociales-header .nav > li.last > a {
    padding-right: 0;
}

header .region-header-info {
    text-align: right;
    height: auto;
    margin-top: 0;
}

header .region-header-info .block-block-1 br {
    display: none;
}

header .region-header-info .block-block-1 {
    margin-bottom: -3px;
    margin-top: 3px;
}

header .region-header-info .block-block-1 a {
    text-decoration: none;
}

header .region-header-info .block-block-1 .fa-lg {
    font-size: 16px;
}

header .region-header-info .block-block-1 .fa-stack {
    margin-right: 10px;
    margin-top: -4px;
}

header .region-header-info .block-block-1 i.fa-circle {
    color: #01b19b;
}

header .region-header-info .block-block-1 strong {
    font-size: 2em;
    display: inline-block;
}

header .region-header-info .block-menu-menu-menu-info-header .menu li {
    display: inline-block;
    padding: 3px 0 12px 0;
}

header .region-header-info .block-menu-menu-menu-info-header .menu li.first a {
    border-right: 1px solid #d4ede7;
}

header .region-header-info .block-menu-menu-menu-info-header .menu li.last a {
    padding-right: 0;
}

header .region-header-info .block-menu-menu-menu-info-header .menu li a {
    color: #444;
    padding: 0 15px;
    display: block;
}

header .region-header-info .block-menu-menu-menu-info-header .menu li a i {
    color: #01b19b;
    margin-right: 5px;
}

header .region-header-info .block-search .form-search {
    position: relative;
    margin-left: 15px !important;
}

header .region-header-info .block-search .input-group .form-control:first-child,
header .region-header-info .block-search .input-group-btn:last-child > .btn {
    border-radius: 40px;
    height: 40px;
    border: 0;
}

header .region-header-info #block-search-form {
    margin: 0;
}

header .region-header-info .block-search .input-group .form-control:first-child {
    width: 300px;
    box-shadow: 0px 0px 5px 0px rgba(1, 110, 185, 0.5);
}

header .region-header-info .block-search .input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
}

header .region-header-info .block-search .input-group-btn:last-child > .btn {
    background: transparent;
    color: #01b19b;
    border: 0;
    font-size: 20px;
}

header .region-header-info .block-search .input-group-btn:last-child > .btn span {
    margin-top: 2px;
}


/* Footer */

footer.footer {
    background-color: #0b4f87;
    margin-top: 0;
    color: #fff;
    padding: 0;
}

footer.footer .container {
    padding-top: 35px;
    padding-bottom: 40px;
    position: relative;
}

footer.footer .container:after,
footer.footer .container:before {
    display: block;
    width: 165px;
    height: 10px;
    position: absolute;
    content: '';
    background: #f04244;
    bottom: -24px;
    left: 15px;
}

footer.footer .container:after {
    width: 70px;
    background-color: #016db8;
    z-index: 2;
}

.footer .view-display-id-block_4 ul {
    padding: 0;
    list-style-type: none;
}

.footer .nav {
    text-align: right;
}

.footer .nav li {
    display: inline;
}

.footer .nav li a {
    display: inline;
    padding: 0;
    margin-left: 10px;
    font-size: 0.875em;
    color: #fff;
}

/* boton concursos */
body.page-trabaje-con-nosotros .view-id-v1_trabaje_con_nosotros.view-display-id-page_1 a.ver-mas-concurso,
body.page-trabaje-con-nosotros .view-id-v1_trabaje_con_nosotros.view-display-id-page_2 a.ver-mas-concurso {
    white-space: nowrap;
}

p.lead{
    margin-top: 20px;
}

.padding-0{
    padding: 0;
}

.license-size{
     width: 323.52px;
     max-width: 323.52px;
     height:204.01px;
     max-height:204.01px;
     display: inline-block;
     /*background-image: url("../images/lic_fondo1.png");*/
 }

.lic-title{
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

.logo-lic img{
    height: 93.8px;width: 113.8px;
}

.lic-bottom{
    color: #fff;
}

div.lic-header{
    height: 70%;
}

div.back-lic-header{
    height: 66%;
    background: #ccc;
}

.padding-left-0{
    padding-left: 0;
}

table.lic-bottom{
    margin-top: 5px;table-layout: fixed;width: 100%;line-height: 16px;color: #444;
}

.lic-text{
    font-size: 10.3px;
}

.card-description > dt, .card-description > dd {
    padding-left: 5px;
    padding-right: 5px;
    line-height: 3em;
}
.card-description > dd {
    margin-left: 35%;
}

.card-description > dt{
    width: auto;
    text-overflow: unset;
}

.img-thumbnail{
    height: 235px;
}

.img-btn{
    float: unset;
}

li.last.leaf.dropdown{
    background-color: rgba(176,176,185,0.23);
}
.padding-0{
    padding: 0;
}

.license-size{
    width: 328.52px;
    max-width: 328.52px;
    height:212.01px;
    max-height:212.01px;
    display: inline-block;
    border: 1px #000 dashed;
    /*background-image: url("../images/lic_fondo1.png");*/
}

.lic-title{
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    width: 328.52px;
    margin-bottom: 5px;
    margin-left: 15px;
}

.logo-lic img{
    height: 93.8px;width: 113.8px;
}

.lic-bottom{
    color: #fff;
    height: auto;
}

div.lic-header{
    height: 149.8px;
}

div.back-lic-header{
    height: 66%;
    background: #ccc;
}

.padding-left-0{
    padding-left: 0;
}

table.lic-bottom{
    margin-top: 5px;table-layout: fixed;width: 100%;line-height: 16px;color: #444;
}

.lic-text{
    font-size: 10.3px;
}

.license-info{
    width: 165.14px;
    max-width: 165.14px;
    height:212.01px;
    max-height:212.01px;
    display: inline-block;
    background-color: #ccc;
    color: #000;
}

.g-recaptcha {
    height: 0!important;
    transform-origin: left top;
    -webkit-transform-origin: left top;
}
.g-recaptcha.login {
    height: 75px!important;
}

div.g-recaptcha div {
    height: 0!important;
}

form[name="create-lic"] .form-group { position: relative }

form[name="create-lic"] .help-block,
form[name="create-lic"] label.error {
    right: 1em;
    bottom: -2em;
    font-size: 85%;
    color: #dd4b39;
    font-weight: normal;
}
input.error, select.error,
.select2-container--classic .select2-selection--single.error {
    border-color: #dd4b39;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

/* Jumbotron */
.jumbotron {
    border-radius: 6px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

/* Tablas */

.table > tbody > tr.even,
.table > tbody > tr:nth-child(2n) {
    background: #efefef;
}

.table > tbody > tr > td,
.table > tbody > tr > th {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
}

/* Breadcrumb */

.wrapper-breadcrumb {
    background-color: #3f90c8;
    padding: 15px 0;
}

.page-home .wrapper-breadcrumb {
    display: none;
}

.wrapper-breadcrumb .breadcrumb {
    padding: 0;
    margin: 0;
    background-color: transparent;
    color: #fff;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-size: 0.875em;
}

.wrapper-breadcrumb .breadcrumb a {
    color: #fff;
    font-weight: 700;
}



/*PRUEBA DE SPINNER CSS*/
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
#email-confirm{
    text-transform: lowercase;
}

#email{
    text-transform: lowercase;
}

.div_recaptcha {
    margin-top: 50px;
}

/*
    BTN Clave Única.
    Estilos gráficos para el botón de clave única.
    V 1.0.0
    por David Barra, DGD.
    09-07-2019
*/

.btn-cu{
    display: inline-block;
    padding: 9px 15px!important;
    background-color: #0F69C4 !important;
    font-family: Roboto, sans-serif;
    font-size: 1em;
    line-height: 1.6em;
    color: #fff;
    text-align: center;
    vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    user-select: none;
    border-radius: 0;
    max-width: 200px;
    min-width: 160px;
    }

    .btn-cu .cl-claveunica{
        background: url(/images/claveunica.svg); /* Esta URL debe ser modificada segun donde quede alojado el documento */
        color:#fff;
        display: inline-block;
        float: left;
        text-indent: -9999px;
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }

    .btn-cu .texto{
        padding-left: 3px;
        text-decoration: underline;
        }

    .btn-cu:hover{
        background-color: #0C549C;
    }

    .btn-cu:hover.hover-shw{
        background-color: #0F69C4 !important;
        -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2);
    }

    .btn-cu.s{
        padding: 6px 14px 6px 12px !important;
        font-size: 0.8rem;
    }

    .btn-cu.s .cl-claveunica{
        width: 18px;
        height: 18px;
        background-size: 18px 18px;
    }

    .btn-cu.l{ 
        padding: 11px 30px 11px 23px !important;
        font-size: 1.25rem;
        }

    .btn-cu.l .cl-claveunica{
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
    }

    .readonly-style {
        background-color: #e9ecef !important;  /* similar a Bootstrap's .form-control:disabled */
        pointer-events: none;       /* evita selección o foco */
        opacity: 1;                 /* para que el texto no se vea opacado demasiado */
    }