body, label, p, sapn{font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; font-weight: 300;}
.logo{background-color: #fff;}
.nav, .top-bar, .top-bar ul{background-color: #013871;}
.top-bar a, .top-bar a:hover{color: #fff!important;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color: transparent transparent transparent;}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {border-color: transparent transparent transparent #fff;}
.title-bar {background: transparent;}
.alert-box{ background:red; text-align: center; color:#fff; padding: 0.5rem;}

@media only screen and (min-width : 1025px) {
    .grid-container {max-width: 80%;}
}


@media only screen and (max-width : 1024px) {

}

.load{position: fixed; top:0; right:0; bottom:0; left:0; background: rgba(255,255,255,0.7); z-index: 9999;}
.load .table{ width:100%; height:100%; display:table;}
.load .tablecell{display:table-cell; text-align: center; vertical-align: middle;}
.spin{
    font-size:6rem;
    color:#3998FB;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  /* transform: rotate(3deg); */
   /* transform: rotate(0.3rad);/ */
   /* transform: rotate(3grad); */ 
   /* transform: rotate(.03turn);  */
}

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


.top-bar a{
    font-size: 1em;
    font-weight: 400;
    padding: 0px 20px;
    display: block;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
}
.top-bar .menu.vertical a {
    font-size: 14px;
    font-weight: 400;
    color: #fff!important;
    padding: 6px 10px!important;
    line-height: 18px!important;
    text-transform: none;
}

#lang ul{
    padding: 7px;
    margin:0;
    float:right;
}
#lang ul li {
    display: inline-block;
    float: none;
    width: auto;
}
#lang ul li a {
    font-family: 'Open Sans', sans-serif;
    padding: 0 8px;
    border: 0;
    background: none;
    line-height: 33px;
    font-size: 13px;
    color: #818181;
    margin: 0!important;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
#lang ul li.selected a {
    color: #000;
}

#nav-user, #nav-user ul {background-color:#00629E;}
#nav-user{border-top:solid 2px #fff; margin-bottom: 1rem;}
#nav-user ul {margin:0; padding:0; list-style: none;}
#nav-user ul li{display:inline-block;}

#user-file{text-align: right!important; display:block; border-bottom:solid 2px #fff;}
.grid-container.user{padding-left:0;padding-right:0;}

#nav-user a{display:block; color: #fff!important;padding: 10px 20px;font-family: 'Open Sans', sans-serif;}
#nav-user a:hover{background-color: #022e5f;}
#nav-user a.close:hover{background-color: #EF4A42;}

.no-movil{display:none;}
#breadcrumb{ font-size: 14.6667px; margin: 2.5rem 0 2rem 0; padding-bottom: 20px;
             background-color: #fbfbfb; font-weight: 400;}
#breadcrumb a{ font-weight: 300; color: #365a88;}
#breadcrumb a:hover{ text-decoration: underline;}
#breadcrumb h3{margin-top: 20px;}
.date{ font-size: 13px; text-transform: uppercase; display:block;}

.file{border-bottom:solid 1px #ccc; margin-bottom: 1rem;}

.table{display:table; height: 100%; width:100%;}
.tablecell{display:table-cell; vertical-align: middle;}
.align-right{text-align: right!important;}
.align-center{text-align: center!important;}
.align-left{text-align: left!important;}
.no-margin{margin: 0;}
.no-padding{padding:0;}
.no-list{list-style:none;}

.callout a{color: #97ba3c;}

footer {
    background-color: #013871;
    margin-top: 4rem;
    color:#fff;
    padding: 2rem 0;
}
footer a{color:#fff;}
footer ul {margin: 0; padding:0; list-style: none;}
footer ul li{display:block;padding-bottom: 16px;}

thead th, tbody td {
    padding: 0.5rem 0.2rem;
}

.responsive-card-table {
    border-collapse: collapse;
    font-size: 14px;
}

.responsive-card-table.unstriped tbody {
    background-color: transparent;
}

.responsive-card-table th {
    background-color: #297BD0;
    color:#fff;
}
.responsive-card-table th a {
    text-decoration: none;
    color: #fff;
}
.responsive-card-table th a img {
}

.responsive-card-table tr,
.responsive-card-table th,
.responsive-card-table td {
    border: 1px solid #00629E;
}

.cell.icons {text-align: center;}
.cell.icons a {width: 100%; display:block; padding: 0 0 14px 0; text-align: center; color:#fff!important; text-transform: uppercase; font-size:0.8rem!important}
.cell.icons a img{width: 100%; display:inline-block;}


select[multiple] {
    max-height: 100px;
    background-image: none;
}

@media screen and (max-width: 640px) {
    .responsive-card-table {

    }
    .responsive-card-table thead tr {
        position: absolute;
        top: -9999em;
        left: -9999em;
    }
    .responsive-card-table tr {
        border: 1px solid #0a0a0a;
        display: block;
    }
    .responsive-card-table tr + tr {
        margin-top: 1.5rem;
    }
    .responsive-card-table td {
        border: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #00629E;
        padding-left: 50%;
        position: relative;
    }
    .responsive-card-table td:before {
        content: attr(data-label);
        display: inline-block;
        font-weight: bold;
        line-height: 1.5;
        margin-left: -100%;
        width: 100%;
        position: relative;
        z-index: 1;
        color:#fff;
    }
    .responsive-card-table td:after {
        content: '';
        position: absolute;
        background: #00629E;
        width: 45%;
        height: 95%;
        left: 1px;
        top: 1px;
        z-index: 0;
    }
}

.tablesorter-default .header, .tablesorter-default .tablesorter-header {
    background-image: url(img/up-down.gif);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}
.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp {
    background-image: url(img/up.gif);
    border-bottom: #fff 2px solid;
}
.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {
    background-image: url(img/down.gif);
    border-bottom: #fff 2px solid;
}



@media print, screen and (min-width: 40em){
    #user-file{float:right; width:auto; border-bottom:none;}
    .grid-container.user{padding-left:0.625rem;padding-right:0.625rem;}
    .no-movil{display:block;}
}




/*sticky*/
@media screen and (max-width: 39.9375em) {
    .no-js .top-bar {
        display: none;
    }
}

@media print, screen and (min-width: 40em) {
    .no-js .title-bar {
        display: none;
    }
}

[data-sticky] {
    width: 100%;
}

.sticky-container {
    z-index: 9999;
}
/* END sticky */

.logo {display:block;}
.logo-stuck {display:none;}
.sticky.is-at-top.is-stuck .logo {display:none;}
.sticky.is-at-top.is-stuck .logo-stuck {display:block;}




/*USER*/
.user-nav{background:#B91516;width:100%;}
ul.user{list-style:none; margin:0; padding:0; text-align: right;}
ul.user li{display:inline-block; margin-left: 1rem; color:#fff;}
ul.user li a{color:#fff;}
/*USER*/


.pagination .current {background: #013871;}

/*IDIOMAS*/
.lang-nav{background:#F6F7F9;width:100%;}
.sticky.is-at-top.is-stuck .lang-nav {display:none;}


.custom-select {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    width: 110px;
    float:right;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background: url(img/language.svg) 96% / 25% no-repeat #F6F7F9;
}

/* Style the arrow inside the select element: */

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #818181;
    padding: 4px 10px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color:  #F6F7F9;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(255, 255, 255, 1);
}


/* CAUTION: Internet Explorer hackery ahead */


select::-ms-expand {
    display: none; /* Remove default arrow in Internet Explorer 10 and 11 */
}

.custom-select .hidden{display: none;}

/* Target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background: none\9;
        padding: 5px\9;
    }
}
/*IDIOMAS*/


.img-home img{display:block; width:100%;}

.absolute-full{position:absolute; top:0; bottom:0; left:0; right:0;}

.align-center{text-align: center;}
.align-right{text-align: right;}
.right{float:right;}
.nomargin{margin:0;}

.table{display:table!important; height: 100%;width:100%;}
.tablecell{display:table-cell!important; vertical-align: middle;}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #333 transparent transparent!important;}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent:hover > a::after {
    border-color: #B91516 transparent transparent!important;}


.page-title{background: #333; padding: 2rem 0; margin-bottom:2rem;}
.page-title h2{color: #fff;}


.page-title{
    animation: colorchange 1s; /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchange 1s; /* Chrome and Safari */
}
.breadcrumb{margin-bottom: 2rem;}
.breadcrumb a{color: #888; text-transform: uppercase; font-size: 12px;}
.breadcrumb a:last-child{font-weight: 700;}

form ul{list-style:none; margin-left: 0;}
form.ficha [type='text'], form.ficha select, form.ficha [type='number'], form.ficha [type='tel'], form.ficha [type='email'] {color:#B91516;}

.callout.grey{background:#f8f8f8;}
.search{ padding:1rem 1rem 0 1rem;
         background:#eee;
         margin-top: -2rem;
         margin-bottom: 2rem; 
         border-bottom: solid 1px #ccc;}

.reveal h3{color:#fff!important;background: #B91516; margin: -1rem -1rem 1rem -1rem; padding: 1rem;}
.reveal .close-button, .reveal .close-button:hover, .reveal .close-button:focus {
    color: #fff;
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: fixed;
    top:20%;
    right:28%;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    box-shadow: 0 0 60px 0 rgba(0,0,0,0.3);
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: fixed;
    top: 20%;
    right: 28%;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    box-shadow: 0 0 60px 0 rgba(0,0,0,0.3);
}
.orbit-previous, .orbit-next{cursor:pointer!important;}

footer{background-color: #013871; padding: 2rem  0 0 0; margin-top:2rem; bottom:0;}
footer p, footer a, footer a:hover{color: #eee;}
.footer-bottom{background-color: #022e5f; padding: 2rem  0 1rem 0;}


.triangle {
    width: 0; 
    height: 0; 
    border-top: 20px solid #B91516;
    border-right: 90px solid transparent;
    border-left: 90px solid transparent; 
    margin:-1rem auto 1rem auto!important;
}

label.control-label{font-weight:700; color:#B91516;}

.nota p{ font-size: 13px; margin-top: 1rem;}
.nota p a{ font-weight:700;}

/*PRIVADA*/
p{color:#4977ae; font-size: 1.1rem;}
.callout.blue{ background: #297bd0; border-radius: 16px; border:none; padding: 2rem;  font-size: 1.1rem!important;}
.callout.blue span{font-size: 1.1rem!important;}
.callout.blue.light{ background: #3898fc;}
.callout.blue label{color:#fff; font-size: 1.1rem;}
.callout.blue a{color:#b3d8ff;}
.callout.blue h5 a{color:#fff; font-size: 1.6rem; display:block; margin-top: 1rem;}

.callout.blue .align-center:hover img,
.callout.blue .icons a:hover img{
  filter:hue-rotate(90deg);
}

.callout.blue .icons a.fileGenerate.disable{ cursor: not-allowed; filter: opacity(50%);}
.callout.blue .icons a.fileGenerate.disable img, .callout.blue .icons a.fileGenerate.disable:hover img{ filter: opacity(50%);}

.button{ background: #013871; color:#fff; border-radius: 6px; font-size: 1.1rem; padding: 0.62em 1em;}

.leyenda ul{ text-align:right; list-style:none;}
.leyenda ul li{display:inline-block; text-align:center; width:80px; padding: 0 10px;}
.leyenda ul li img{display:inline-block;}
.leyenda ul li span{ text-transform: uppercase; font-size: 0.5rem; }

@media only screen and (min-width: 1025px){
.grid-container.privada {max-width: 1080px;}
}