
html, button, input, select, textarea {
    color: #222;
}

/* to keep footer down -- from http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

html, body, button, input, select, textarea {
    color: #333;
    font: 11px verdana, arial,sans-serif;
    line-height: 1.4;
}

a {
    color: #c00;
}

/** General settings **/

#container {
    min-height: 87%;
    position: relative;
}

#main {
    padding: 3px;
    padding-bottom: 150px; /* height of the footer */
	width: 95%;
    margin-left: auto;
    margin-right: auto;
	overflow:auto;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: right;
    font-size: 11px;
}

#pdok-loads {
    padding: 60px;
    margin-left: 200px;
    margin-right: 200px;
}

/* Footer Links */
#footer ul a {
    padding: .3636em .9091em;
    text-decoration: none;
    list-style: none;
}

#footer li {
    display: inline;
    padding: 0 0.2em 0 0.5em;
}

/* end of stuff to keep the footer down */
html, body, button, input, select, textarea {
    font-size: 11px;
    line-height: 1.4;
    font-family: verdana,arial,sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0;
}

body {
    font: 11px/22px Verdana,Helvetica,Arial;
    width: 100%;
    /* min-width: 900px; */
}

#map {
    width: 100%;
    height: 100%;
}

.olControlMousePosition.olControlNoSelect {
    display: none;
}

.metadata_map {
    margin: 1%;
    float: left;
    width: 22%;
    height: 400px;
}

.metadata_data {
    float: left;
    width: 75%;
}

#big-map .hideBigMapPanel {
    background: url("../images/sprites/sprite_resize_map.gif") -30px -5px no-repeat;
}

    #big-map .hideBigMapPanel:hover {
        background: url("../images/sprites/sprite_resize_map.gif") -31px -30px no-repeat;
    }

#big-map .x-layout-mini, #editorPanel .x-layout-mini {
    height: 50px;
    width: 9px;
    background-size: 100% 100%;
}

#header header {
    width: 100%;
    padding-top: 4px;
}

#header {
    box-shadow: none;
}

#logo {
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url('../images/banner_logo.png');
    width: 100%;
    height: 55px;
    z-index: 1000;
}

.main aside {
    background: #E26F02;
}

.main-aside {
    margin: 10px;
    float: left;
    /*width:18%;*/
}

.tag-aside {
    margin: 10px;
    float: left;
    width: 50%;
    min-height: 400px;
}

#welcome-text {
    color: #393939;
    font-size: 1.1em;
    line-height: 1.4;
}

#about-text {
    margin: 13px;
    margin-left: 30px;
    color: #393939;
    font-size: 1.1em;
    line-height: 1.4;
}

#secondary-aside {
    /* margin-left:10px; 
  float:right;
  width:200px;*/
}

.left-column-header {
    background: #fbead9;
}

.title {
    color: #fff;
}

#bread-crumb-app {
    font-weight: bolder;
    color: #43788A;
    margin-left: 40px;
    margin-top: 8px;
}

    #bread-crumb-app a {
        color: #3D4F5E;
    }

    #bread-crumb-app .current {
        color: black;
    }

/* ==============
 MOBILE: Menu
 ============== */
nav ul {
    margin: 0;
    padding: 0;
    margin-left: 24px;
}

nav a {
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: black;
    float: left;
    padding: 0 24px;
    margin: 0;
}

/* ==============
 MOBILE: Main
 ============== */
.main {
    padding: 0;
}

    .main article h1 {
        font-size: 11px;
        color: #900;
    }

    .main aside {
        color: white;
    }

#footer footer {
    color: white;
}

#foot-loads {
    padding: 50px;
    width: 650px;
    color: #069;
}

    #foot-loads h1 {
        color: #012;
    }

#page-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* box-shadow: 0 -5px 40px -5px #AAA; */
}

.grey {
    color: #767B7E;
    font-size: 10px;
}

.black, .black a {
    color: black;
    margin-top: 5px;
    margin-bottom: 5px;
    text-decoration: none;
}

form {
    display: inline;
}

#search-form .form-dummy * {
    float: none;
    padding: 4px;
    display: inline;
    vertical-align: middle;
}

#search-form .form-dummy span {
    padding-right: 25px;
}

#search-form .form-dummy div {
    margin: 0px;
    padding: 0px;
}

    #search-form .form-dummy div input {
        border: none;
    }

.form-dummy {
    display: inline;
    padding-left: 25px;
}

nav {
    display: block;
}

#printer-button, #rss-button, #user-button, #administration-button, #lang-button, #help-button {
    display: inline;
    padding-right: 5px;
    text-decoration: none;
    color: #767B7E;
}

#administration-button {
    padding-left: 5px;
}

    #printer-button > i, #rss-button > i, #user-button > i, #administration-button > i, #lang-button > i, #help-button > i {
        padding-right: 5px;
    }

a#printer-button:hover, a#rss-button:hover, a#user-button:hover, a#administration-button:hover, a#lang-button:hover, a#help-button:hover {
    color: #c00;
}

#help-button, #lang-button {
    padding-left: 5px;
    float: right;
}

#lang-menu {
    height: auto;
}

    #lang-menu ul.x-menu-list {
        height: auto !important;
    }

#cloud-tag {
    margin-top: 10px;
    min-height: 150px;
}

#tag-cloud-button {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    background-image: url(../images/sprites/spritetags.png);
    width: 75px;
    height: 31px;
    display: inline-block;
    background-position-y: -31px;
    background-position: 0 -31px;
    font-weight: bold;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-top: 5px;
}

    #tag-cloud-button:hover {
        background-position-y: 5px;
        background-position: 0 5px;
        color: #3794DA;
    }

#browser #cloud-tag .tag-cloud a {
    background-color: transparent;
    color: #c00;
    text-decoration: none;
    font-weight: bold;
    padding: 3px;
}

    #browser #cloud-tag .tag-cloud a:hover {
        text-decoration: underline;
    }

#browser #cloud-tag .tag-cloud, .x-tip-body {
    background-color: transparent;
    color: #565B5E;
    width: 100%;
    display: inline-block;
    padding: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#printPanel form, #loadwmc form {
    display: block;
}

/* ===============
 Right aside sidebar
 =============== */
aside#secondary-aside header {
    padding-top: 6px;
    font-weight: bolder;
}

/* ===============
 Left aside sidebar
 =============== */
aside#main-aside header {
    padding-top: 6px;
    font-weight: bolder;
}

aside#main-aside ul {
    list-style-type: none;
}
/* ==============
 MENU: Icons for the menu
 ============== */
ul#main-buttons {
    float: right;
    margin: 0px;
}

    ul#main-buttons li {
        list-style-type: none;
        margin: 0px;
        float: left;
    }

img.menu_icon {
    width: 40px;
}

/* ===============
 ALL: IE Fixes
 =============== */
.ie7 .title {
    padding-top: 20px;
}

/*=====================
 Override ExtJS
 =======================*/
.x-panel-header {
    background-color: #E26F02;
    background-image: none;
    color: white;
    height: 22px;
}

div#advSearchTabs .x-panel-header {
    background-color: #F6D4B1;
    color: black;
}

div#advSearchTabs div.x-panel-bwrap div.x-panel-body.x-panel-body-noheader.x-panel-body-noborder.x-box-layout-ct div.x-box-inner div.x-panel.x-form-label-left.x-box-item div.x-panel-bwrap div.x-panel-body {
    background: white;
}

div#tabs .x-tab-panel-body {
    border: none;
}

div#resultsPanel * div.x-panel-tbar {
    padding-top: 0px;
    height: 29px;
    border: none !important;
}

    div#resultsPanel * div.x-panel-tbar > div {
        border: none !important;
    }

div#big-map .x-panel-tbar table.x-toolbar-ct, div#resultsPanel table.x-toolbar-ct {
    background-color: #E26F02;
    color: white;
}

#layerManager-accordion .x-panel-btns {
    padding: 5px;
    overflow: initial;
}

#layerManager-accordion input, #layerManager-accordion textarea {
    min-width: 90px;
}

#printToPdfPanel form {
    overflow-y: scroll;
    display: inline-block;
    max-width: 100%;
}

div#resultsPanel .x-panel-bbar div {
    border: none !important;
    background: none;
}

div#resultsPanel table.x-toolbar-ct {
    height: 29px !important;
}

div#advanced-search-options-content-form {
    margin-top: 10px;
}

div#advSearchTabs div.x-panel.x-form-label-left.x-box-item {
    width: 30%;
}

div#advSearchTabs ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}


#inspire_adv_search {
    margin-top: 0px;
}

div#tabs ul.x-tab-strip-top {
    background-color: white;
    background-image: none;
    border-bottom-color: black;
    margin: 0;
    border: none;
}

div#tabs .x-tab-strip-top .x-tab-right, div#tabs .x-tab-strip-top .x-tab-left, div#tabs .x-tab-strip-top .x-tab-strip-inner {
    background-image: none;
    background-color: #005BA7;
}

div#tabs .x-tab-strip-active .x-tab-right, div#tabs .x-tab-strip-active .x-tab-left, div#tabs .x-tab-strip-active .x-tab-strip-inner {
    background: white;
    color: black;
    margin-top: 1px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding-top: 1px;
}

div#tabs {
    margin-top: 11px;
}

    div#tabs .x-tab-strip-active .x-tab-right {
        box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.5);
        border-top: solid 3px #E26F02;
    }

    div#tabs .x-tab-strip span.x-tab-strip-text {
        color: black;
        shadow: grey;
    }

    div#tabs ul.x-tab-strip-top {
        padding: 0 0 0 40px;
    }

    div#tabs .x-tab-panel-header {
        padding: 0;
        border: none;
    }

    div#tabs ul.x-tab-strip li {
        margin-left: 12px;
    }

/* ==========================================================================
 Author's custom styles
 ========================================================================== */

/* ==========================================================================
 Media Queries
 ========================================================================== */
nav li a {
    margin-right: 20px;
    padding-left: 17px;
    padding-right: 17px;
}

nav li:first-child a {
    margin-left: 0;
}

nav li:last-child a {
    margin-right: 0;
}

#footer {
    text-align: right;
}

    #footer ul li {
        padding: 0px 20px;
    }

#search-form {
    clear: both;
    float: none;
    margin: 5px 20px 0px;
}

#legend-search {
    color: #fff;
    display: none;
    padding: 0px 20px;
}

#search-form input {
    float: left;
    margin: 0;
    max-height: 28px;
}

    #search-form input#E_any {
        height: 28px;
        /* box-sizing is for IE which uses this method (which includes border size)
     to calculate height */
        box-sizing: border-box;
    }

#search-submit {
    font-size: 18px !important;
    position: relative;
    height: 28px;
    width: 60px;
    cursor: pointer;
    font-family: FontAwesome !important;
}

#show-advanced, #hide-advanced {
    cursor: pointer;
    display: inline;
    padding-right: 7px;
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 12px;
}

.show-advanced-icon, .hide-advanced-icon {
    vertical-align: middle;
}

#advanced-search-options {
    min-height: 200px;
    width: 100%;
    float: left;
    clear: both;
}

/* ========================
     INTERMEDIATE: IE Fixes
     ======================== */
nav ul li, #footer ul li {
    display: inline;
}

.oldie nav a {
    margin: 0 0.7%;
}
/* ============
WIDE: CSS3 Effects
                                         ==================== * /
	/* ============
     WIDE: Menu
     ============ */
.title {
    float: left;
}

nav {
    display: block;
    font-family: Arial,Verdana,sans-serif;
    font-size: 14px;
    font-weight: bold;
    float: left;
    width: 100%;
    padding: 0;
}
#nav{
    margin: 0.5em 0px 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 11px 0;
    box-sizing: content-box;
}

#main-navigation{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    /* box-sizing: content-box; */
    margin: 0;
}

/* ============
     WIDE: Main
     ============ */
.main article {
    float: left;
    /*width: 78%;
	margin: 9px;*/
}

    .main article#map {
        float: left;
        width: 100%;
        height: 800px;
        margin: 9px;
    }

/* ==========================================================================
 Helper classes
 ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
 Print styles
 ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

#toctree ul.x-tree-root-ct.x-tree-no-lines {
    overflow: scroll;
    height: inherit;
}

.x-btn-text-icon .x-btn-icon-small-left .x-btn-text .WFSDownloadIcon {
    min-height: 24px;
    padding-left: 25px;
}

#metadata-info .related .relatedResource span.desc {
    padding-left: 10px;
    font-size: 10px;
}

#metadata-info .related li * {
    display: inline-block;
}

#metadata-info .related li a, #metadata-info .related li span {
    min-width: 500px;
}

/* Other icons */
.md-mn-reset {
    background-image: url(../../images/default/cross.png);
}

.fabutton {
    font-family: FontAwesome !important;
    font-size: 2em !important;
}

.fabutton-1x {
    font-family: FontAwesome !important;
    font-size: 1.5em !important;
}

#result-panel div#resultsPanel .xmlIcon {
    background-image: url(../../images/default/page_code.png);
}

#result-panel div#resultsPanel .addIcon {
    background-image: url(../../images/default/add.png) !important;
}

#result-panel div#resultsPanel .downloadAllIcon {
}

.privIcon {
    background-image: url(../../images/default/group_key.png) !important;
}

.validationReportIcon {
    background-image: url(../../images/default/schematron.gif) !important;
}

.searchIcon {
    background-image: url(../../images/default/find.png) !important;
}

.shortcutHelpIcon {
    background-image: url(../../images/default/schematron.gif) !important;
}

.viewModeIcon {
    background-image: url(../../images/default/application_view_tile.png) !important;
}

.linkIcon {
    background-image: url(../../images/default/link.png) !important;
}

.addVector {
    background-image: url(../../images/default/vector_add.png) !important;
}

.delVector {
    background-image: url(../../images/default/vector_delete.png) !important;
}

.connect {
    background-image: url(../../images/default/connect.png) !important;
}

.subtemplateIcon {
    background-image: url(../../images/default/report_magnify.png) !important;
}

.processMetadata {
    background-image: url(../../images/default/table_gear.png) !important;
}

.repository {
    background-image: url(../../images/default/database_yellow.png) !important;
    background-repeat: no-repeat;
    padding-left: 15px;
}

.addLayerIcon, .addLayer {
    background-image: url(../../html5ui/img/icon_show_map.png) !important;
    width: 24px !important;
    height: 24px !important;
}

button.addLayerButton {
    background-image: url(../../html5ui/images/default/picture_add.png);
    background-position: 0 center;
}

.bookmark-icon, .checkWMS, .checkWFS {
    padding: 0px;
    border: none;
    margin-top: 3px;
}

.validStatus {
    float: left;
}

.otherLicenses, .validStatus {
    margin-top: 3px;
}

span.license {
    background-image: url(../../html5ui/img/icon_gebruiksvoorwaarden.png) !important;
    background-repeat: no-repeat;
    padding-left: 20px;
    height: 28px;
}

.deleteLayer {
    background-image: url(../../images/default/map/delete_layer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.measure {
    background-image: url(../../images/default/map/icon_measure.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomin {
    background-image: url(../../images/default/map/icon_zoomin.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomout {
    background-image: url(../../images/default/map/icon_zoomout.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomfull {
    background-image: url(../../images/default/map/icon_zoomfull.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.zoomlayer {
    background-image: url(../../images/default/map/icon_zoomlayer.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.pan {
    background-image: url(../../images/default/map/icon_pan.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.selextent {
    background-image: url(../../images/default/map/icon_selextent.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.query {
    background-image: url(../../images/default/map/icon_featureinfo.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.next {
    background-image: url(../../images/default/map/resultset_next.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.back {
    background-image: url(../../images/default/map/resultset_previous.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.savewmc {
    background-image: url(../../images/default/map/icon_savewmc.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.wmsTime {
    background-image: url(../../images/default/map/wmstime.gif) !important;
    height: 20px !important;
    width: 20px !important;
}

.layerStyles {
    background-image: url(../../images/default/map/layerstyles.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.layerOpacity {
    background-image: url(../../images/default/map/opacity.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.wmsInfo {
    background-image: url(../../images/default/map/wmsinfo.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.olControlLoadingPanel {
    background-image: url(../../images/default/map/indicator_medium.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.loadwmc {
    background-image: url(../../images/default/map/icon_loadwmc.png) !important;
    height: 20px !important;
    width: 20px !important;
}

.selectfile {
    background: url(../../images/default/map/icon_selectfile.png) no-repeat 0 0 !important;
}

.styler {
    background-image: url(../../images/default/map/layerstyles.png) !important;
}

.drawPolygon {
    background-image: url(../../images/default/map/draw_polygon_off.png) !important;
}

.drawCircle {
    background-image: url(../../images/default/map/draw_circle_off.png) !important;
}

.drawRectangle {
    background-image: url(../../images/default/map/draw_rectangle_off.png) !important;
}

.clearPolygon {
    background-image: url(../../images/default/map/draw_polygon_clear_off.png) !important;
}

.md-mn-view {
    background-image: url(../images/default/page_go.png) !important;
}

.md-mn-edit {
    background-image: url(../images/default/page_edit.png) !important;
}

.md-mn-del {
    background-image: url(../images/default/page_delete.png) !important;
}

.md-mn-copy {
    background-image: url(../images/default/page_copy.png) !important;
}

.md-mn-find {
    background-image: url(../images/default/find.png) !important;
}

.md-mn-go {
    background-image: url(../images/default/bullet_go.png) !important;
}

.md-mn-advanced {
    background-image: url(../images/default/cog.png) !important;
}

.md-mn-user {
    background-image: url(../images/default/user.png) !important;
}

.md-mn-pdf {
    background-image: url(../images/default/page_white_acrobat.png) !important;
}

.md-mn-badd {
    background-image: url(../images/default/brick_add.png) !important;
}

.md-mn-kml {
    width: 24px !important;
    height: 24px !important;
}

.md-mn-www {
    width: 24px !important;
    height: 24px !important;
}

.md-mn-bookmark, .md-mn-ownerSite, .md-mn-downloadXml, .md-mn-downloadPdf, .md-mn-downloadZip, .md-mn-openMap {
    width: 24px !important;
    height: 24px !important;
}

.md-mn-download, .download, .md-mn-ftp, .md-mn-ftps, .md-mn-zip {
    width: 24px !important;
    height: 24px !important;
}

.md-mn-wms {
    width: 24px !important;
    height: 24px !important;
}

li.x-menu-list-item img.md-mn-zip {
    height: 16px !important;
    width: 16px !important;
    background-image: url(../../images/default/page_white_compressed.png) !important;
}

li.x-menu-list-item img.md-mn-csv {
    background-image: url(../../images/default/page_white.png) !important;
    width: 16px !important;
    height: 16px !important;
}

li.x-menu-list-item img.md-mn-pdf {
    background-image: url(../../images/default/page_white_acrobat.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.md-mn-service {
    background-image: url(../../html5ui/img/icon_service.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.mn-user-location {
    background-image: url(../images/default/user_location.png) !important;
}

.mn-view-simple {
    background-image: url(../images/default/mv-simple.png) !important;
    background-repeat: no-repeat;
}

.mn-view-full {
    background-image: url(../images/default/mv-full.png) !important;
    background-repeat: no-repeat;
}

.mn-view-thumbnail {
    background-image: url(../images/default/mv-thumbnail.png) !important;
    background-repeat: no-repeat;
}

.mn-login {
    background-image: url(../images/default/user_go.png) !important;
}

.mn-logout {
    background-image: url(../images/default/door_out.png) !important;
}

.mn-clear {
    background-image: url(../images/default/cross.png) !important;
}

div.facets ul {
    padding: 0 0 0 2px !important;
    line-height: 1.4;
}

div.facets * ul, div.facets * li {
    list-style: none;
}
/**
 * Facet category label
 */
div.facets > ul > li {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #CCC;
    color: #E26F02;
    font-weight: bold;
}
/**
 * Facet sub elements
 */
div.facets ul ul {
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: .95em;
}
/**
 * Facet count between (number) displayed next to a facet value
 */
.facet-count {
    color: #71C0DD;
    padding-left: 3px;
}
/**
 * Facet clickable link which trigger the filter action
 */

div.facets * .facet-more-bt, div.facets * .facet-less-bt {
    color: #E26F02;
}

.breadcrumb * .x-btn-tl, .breadcrumb * .x-btn-tr, .breadcrumb * .x-btn-tc, .breadcrumb * .x-btn-ml, .breadcrumb * .x-btn-mr, .breadcrumb * .x-btn-mc, .breadcrumb * .x-btn-bl, .breadcrumb * .x-btn-br, .breadcrumb * .x-btn-bc {
    background: none;
}

.breadcrumb * button {
    color: #E26F02;
    font-weight: bold;
}

    .breadcrumb * button:hover {
        color: #959532;
        text-decoration: underline;
    }

.breadcrumb-mn {
    background-color: #FFF !important;
    background-image: none;
}

    .breadcrumb-mn * .current-mn {
        font-weight: bold;
    }

    .breadcrumb-mn * a.x-menu-item {
        line-height: 10px;
    }

    .breadcrumb-mn * .x-menu-item-icon {
        height: 10px;
        width: 10px;
    }

    .breadcrumb-mn * .x-menu-list {
        padding: 0 0 0 0px !important;
        margin: 0 0 !important;
    }

/* Login form
 */
#login-form {
    position: absolute;
    left: 200px;
    top: 20px;
    background: none;
    z-index: 50;
}

/* Language form
 */
#lang-form {
    position: absolute;
    right: 50px;
    top: 24px;
    z-index: 5000;
}


#login_div {
    width: 210px;
    background-color: white;
    padding: 5px;
    padding-bottom: 35px;
    box-shadow: 3px 3px 12px 3px grey;
}

    #login_div #login_button {
        float: right;
        margin-top: 17px;
        border: black 1px solid;
        padding: 2px;
        padding-left: 10px;
        padding-right: 10px;
        background: white;
    }

#login-form .x-panel-body {
    background: none !important;
}

#login_div label {
    display: block;
}

#login_div input {
    margin-left: 50px;
}

/** Interactive link/buttons
*/

.insert-missing-elements {
    background-image: url('../images/add-missing-elements.png');
}

#metadata-panel tr td em button.print {
    padding-left: 14px;
    background-position: 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
    background-repeat: repeat;
}

#metadata-panel td {
    background: transparent;
    height: auto;
}

.viewpanel-button {
    height: 24px !important;
    width: 24px !important;
}

#viewpanel-print:hover, #viewpanel-feedback:hover, #viewpanel-tooltip:hover, #viewpanel-share:hover, #viewpanel-permalink:hover {
    background-color: #ADAD85 !important;
}

#viewpanel-tooltip.x-btn-pressed .viewpanel-button {
    color: orange;
}

#viewpanel-share.x-btn-pressed .viewpanel-button {
    color: orange;
}

#viewpanel-permalink.x-btn-pressed .viewpanel-button {
    color: orange;
}

#metadata-info span.title {
    font-size: 20px;
}

#metadata-panel td {
    background: transparent;
    height: auto;
}

#metadata-panel .metadata.view-simple > div > table.gn > tbody > tr > td {
    background-image: url('../images/pattern_hr.png');
    background-repeat: repeat-x;
    background-position: center bottom;
    border: none;
}

/**Metadata view */
#metadata-panel form {
    display: inline-block;
}
/**
Share social
*/
#share-capabilities {
    float: right;
}

#permalink-div {
    border: 1px solid black;
    border-radius: 3px;
    margin: 3px;
    padding: 3px;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 136px;
    z-index: 2000;
    right: 20px;
    background-color: white;
}

a#custom-tweet-button {
    padding: 2px 5px 2px 20px;
    background: url('../../html5ui/images/default/bird_blue_16.png') 1px center no-repeat;
    border: 1px solid #ccc;
    text-decoration: none;
    color: black;
}

#fb-button {
    margin-top: 1px;
    background-image: url('https://s-static.ak.fbcdn.net/rsrc.php/v2/yI/x/1dQf_ATK831.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 2px 4px;
    border: 1px solid #CCC;
}

    #fb-button a {
        text-decoration: none;
        color: black;
    }

body * ul.x-menu-list {
    margin: 0 0;
}

.x-superboxselect-item img {
    max-height: 16px;
    vertical-align: middle;
}

.validatePanel * .x-grid3-cell-inner {
    white-space: normal !important;
}

#advSearchTabs .x-box-inner {
    overflow: auto;
    width: 100% !important;
}

#advSearchTabs {
    width: 100% !important;
}

#msg-div {
    position: absolute;
    width: 350px;
    z-index: 20000;
}

#cookie-warning {
    position: absolute;
    z-index: 10000;
    width: 80%;
}

.label, .badge {
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    margin-right: 10px;
    color: #C09853;
    font-weight: normal;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #FBEED5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .alert * h2 {
        color: #C09853;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }

/**
tag cloud */
ul li.tag-cloud a {
    text-decoration: none;
    color: #565B5E;
    background-color: #FEEDDD;
    padding: 2px;
}

#recent-viewed .thumb-wrap {
    display: inline-block;
    background: white;
}

#recent-viewed span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 4px;
    margin: 0px;
    background: transparent;
    color: transparent;
}

#recent-viewed .thumb-wrap h1 {
    color: #900;
}

#recent-viewed a {
    line-height: 1.4;
}

#recent-viewed .thumb {
    position: relative;
}

#recent-viewed span.x-view-over {
    color: white;
    background: rgba(226,111,2,0.9);
}

#recent-viewed-div h1 {
    background-color: transparent;
    color: #900;
    font-size: 12px;
    font-weight: bolder;
    padding-left: 8px;
}

#recent-viewed .thumb img {
    vertical-align: middle;
    margin: 1px;
    width: 200px;
    height: 200px;
}

/** Startup page */
#popular-metadata input {
    display: none;
}

#latest-metadata .md-thumbnail, #popular-metadata .md-thumbnail {
    height: 280px;
    width: 180px;
}

    #latest-metadata .md-thumbnail .thumbnail, #popular-metadata .md-thumbnail .thumbnail {
        width: 100%;
    }

#latest-metadata .thumbnail img, #popular-metadata .thumbnail img {
    display: block;
    margin: auto;
}

#latest-metadata header h1 span, #popular-metadata header h1 span, #tags header h1 span {
    padding: 12px;
    /* background: white; */
    min-height: 20px;
}

#latest-metadata, #popular-metadata {
    min-height: 100px;
    padding-left: 25px;
}

    #latest-metadata input {
        display: none;
    }

/** Syntax highlighting */
.xmltag {
    color: #25b7e6;
}

.xmlatt {
    color: #959532;
}

.xmlattvalue {
    color: #444;
    font-weight: bold;
}

.xmltagvalue {
    font-weight: bold;
}

.xmlns {
    color: #959532;
    font-style: italic;
}

dl.xml {
    color: #444;
    padding-left: 2px;
}

    dl.xml * dd {
        padding-left: 2px;
    }

/** Metadata Menu **/
#resultsPanel .md-action-menu a {
    color: transparent;
    background-image: url("../images/metadata-menu.png");
    background-repeat: no-repeat;
    visibility: visible;
    padding-left: 15px;
    background-position-y: 12px;
    padding-top: 13px;
    width: 15px;
}

#big-map div.x-layout-cmini-east, #editorPanel div.x-layout-cmini-east {
    border: 0 none;
    width: 25px !important;
}

/** Keyword window **/
.ux-mselect-item {
    font-size: 11px;
}

/** IE specific **/
.ext-ie #search-form .x-form-check-wrap input {
    height: 22px;
    width: 22px;
}

/** What if we dont have thumbnail **/
.emptyThumbnail {
    min-height: 128px;
    background: url('../images/no_thumbnail.png');
    background-repeat: no-repeat;
    background-position: center;
}

    .emptyThumbnail span {
        font-size: 12px;
        text-align: center;
        margin: auto;
        display: block;
        font-weight: bold;
        padding-top: 50px;
        text-shadow: 1px 1px grey;
    }

.overthumb {
    background-color: rgba(255,255,255,0.5);
    width: inherit;
    height: inherit;
    display: none;
    background-image: url('../images/ico_moreinformation.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.md-over .overthumb {
    display: block;
    position: absolute;
}

#when_adv_search, #where_adv_search, #what-inspire {
    display: inline-block;
    width: 32%;
}

#advanced-search-options {
    width: 100%;
}

    #advanced-search-options form {
        display: block;
    }

#advanced-search-options-content-form .x-panel-fbar {
    width: auto !important;
}

#advanced-search-options-content-form .x-panel-footer {
    width: auto !important;
    padding: 0;
    margin-top: 1em;
}

    #advanced-search-options-content-form .x-panel-footer button {
        background-color: #ccc;
        color: #fff;
        line-height: 22px;
        font-size: 11px;
        font-family: Verdana, Helvetica, Arial;
        box-sizing: border-box;
        height: 27px;
        width: 120px;
        padding: 0;
    }

        #advanced-search-options-content-form .x-panel-footer button:hover {
            color: #fff !important;
        }

        #advanced-search-options-content-form .x-panel-footer button.md-mn-reset {
            background-image: none;
        }

#advanced-search-options-content-form .x-panel-btns td.x-toolbar-cell {
    padding: 0;
}


#advanced-search-options-content-form .x-panel-footer .x-btn-tl,
#advanced-search-options-content-form .x-panel-footer .x-btn-tr,
#advanced-search-options-content-form .x-panel-footer .x-btn-tc,
#advanced-search-options-content-form .x-panel-footer .x-btn-ml,
#advanced-search-options-content-form .x-panel-footer .x-btn-mr,
#advanced-search-options-content-form .x-panel-footer .x-btn-mc,
#advanced-search-options-content-form .x-panel-footer .x-btn-bl,
#advanced-search-options-content-form .x-panel-footer .x-btn-br,
#advanced-search-options-content-form .x-panel-footer .x-btn-bc {
    background-image: none;
    color: #fff !important;
}

#advanced-search-options-content-form .x-panel-footer .x-btn-mc {
    position: relative;
    right: -4px;
}

    #advanced-search-options-content-form .x-panel-footer .x-btn-tl:hover,
    #advanced-search-options-content-form .x-panel-footer .x-btn-tr:hover,
    #advanced-search-options-content-form .x-panel-footer .x-btn-tc:hover,
    #advanced-search-options-content-form .x-panel-footer .x-btn-ml:hover,
    #advanced-search-options-content-form .x-panel-footer .x-btn-mr:hover,
    #advanced-search-options-content-form .x-panel-footer .x-btn-mc:hover,
    #advanced-search-options-content-form .x-panel-footer .x-btn-bl:hover,
    #advanced-search-options-content-form .x-panel-footer .x-btn-br:hover,
    #advanced-search-options-content-form .x-panel-footer .x-btn-bc:hover {
        color: #fff !important;
    }

#advanced-search-options-content-form .x-panel-footer .x-btn-over {
    color: #fff !important;
}

#advSearchBtnBlank {
    display: none !important;
}

#cookie-warning input {
    background-color: white;
    color: #C09853;
    border-color: #C09853;
}

legend[id*="MD_Metadata"][id*="root"] span span div.alert {
    display: none;
}

.olMapViewport div.x-mask-loading, .olMap div.x-mask-loading {
    display: none;
    wg;
}

div.olControlZoom > a.olControlZoomOut {
    color: white !important;
    border-radius: 0 0 4px 4px;
}

div.olControlZoom > a.olControlZoomIn {
    color: white !important;
    border-radius: 4px 4px 0 0;
}

#mini-map {
    position: fixed;
    z-index: 10000;
    right: 60px;
    bottom: 33px;
}

.x-form-trigger.x-form-date-trigger.x-form-trigger-click {
    float: right;
}

#search-container div#result-panel {
    width: 100% !important;
}

    #search-container div#result-panel #resultsPanel {
        width: inherit !important;
    }


/* For small screens 


@media (max-width: 1200px) {
	#main {
		margin-right: 4%;
		margin-left: 4%;
	}
}

@media (max-width: 1100px) {
	#main {
		margin-right: 3%;
		margin-left: 3%;
	}
}

@media (max-width: 1000px) {
	#main {
		margin-right: 2%;
		margin-left: 2%;
	}
}

@media (max-width: 900px) {
	#main {
		margin-right: 1%;
		margin-left: 1%;
	}
}
@media (max-width: 800px) {
	#main {
		margin-right: 0%;
		margin-left: 0%;
	}
}*/

/* ESTILOS AÃƒâ€˜ADIDOS PARA ADAPTACIÃƒâ€œN AL LAYOUT DEL GN */

#menuEspecial {
    /*overflow: hidden;*/
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    font: 12px/100% Arial, Helvetica, sans-serif;
}

    #menuEspecial ul {
        font-size: 1em;
        font-weight: bold;
        margin: 0.1em 0;
        padding: 0;
        background-color: #ccc;
        text-align: right;
        list-style: none;
    }

    #menuEspecial li {
        padding: 0;
        display: inline;
    }

    #menuEspecial .logo {
        float: right;
        position: relative;
        top: -1px;
        background-color: #fff;
        padding: 0 0 0 1em;
    }

        #menuEspecial .logo h1 {
            display: inline;
        }

            #menuEspecial .logo h1 a {
                display: block;
                padding: 0;
                background: url("//idena.navarra.es/images/logo.navarra.es.p.gif") left top no-repeat;
                width: 120px;
                height: 20px;
            }

    #menuEspecial a {
        color: #666;
        padding: 0 0.8em;
        text-decoration: none;
        border: none;
        line-height: 1.6em;
    }

        #menuEspecial a:hover {
            background-color: #fff;
        }

    #menuEspecial .logo span {
        display: none;
    }

#gptBanner {
    background-color: #ffffff;
    height: 56px;
    position: relative;
}

#gptTitle {
    display: block;
    float: left;
    height: 55px;
    width: 342px;
    background-image: url("http://idena.navarra.es/images/idena_alargado.gif");
    background-repeat: no-repeat;
    font-size: 2em;
    font-family: "Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
    color: #000000;
    text-decoration: none !important;
}

    #gptTitle a {
        width: 342px;
        height: 55px;
        margin: 0;
        padding: 0;
        display: block;
    }

    #gptTitle span {
        display: none;
    }

#main-navigation li{
    display:inline-block;
    padding: 4px 0;
}
#main-navigation a {
    text-transform: uppercase;
    width: auto;
    height: 18px;
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #B9122B;
    margin: 0;
}

    #main-navigation a:hover {
        text-decoration:underline
    }

#gptFooter {
    background: #FBFBFB url("//idena.navarra.es/images/bk.pie.gif") repeat-x scroll left center;
    border: 1px solid #CCCCCC;
    padding: 0.2em 0.5em;
    text-align: right;
    clear: both;
    color: #999999;
    overflow: hidden;
}

    #gptFooter .gnEs {
        background-image: url('data:image/gif;base64,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') /*../../../images/logo.gobierno-de-navarra.gif*/;
        height: 28px;
        width: 122px;
    }

    #gptFooter .gobiernoNavarra {
        background-position: left top;
        background-repeat: no-repeat;
        display: block;
        float: left;
    }

    #gptFooter a {
        color: #666666;
        letter-spacing: 0;
    }

    #gptFooter p {
        font-size: 0.85em;
        letter-spacing: 0.3em;
        margin: 0.7em 0 0;
        padding: 0;
    }

.x-btn-over * {
    color: #000;
}

div#advSearchTabs .x-panel .x-panel-header {
    background: #ccc;
    color: white;
}

.x-combo-list .search-item {
    padding: 0.5em 0;
    border: none;
    font-size: 11px;
}

.search-item h3 {
    margin: 0;
    font-weight: normal;
}

    .search-item h3 span {
        font-weight: bold;
    }

.right img.logo {
    display: none;
}

.x-menu-list-item .x-menu-text input {
    width: 100%;
}

div.x-menu.x-menu-floating.x-layer {
    /* width: 60%; */
}

#main-aside {
    margin-top: 9px;
    /*float: left;
	margin-left: 20px;*/
}

    #main-aside > span {
        float: left;
    }

    #main-aside i:hover {
        cursor: pointer;
    }

.mini-submenu {
    display: none;
    /*background-color: rgba(0, 0, 0, 0);
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px;
	/* position: relative; 
	width: 33px;*/
    padding: 0;
}

    .mini-submenu:hover {
        cursor: pointer;
    }

    .mini-submenu .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 22px;
        margin-top: 3px;
    }

    .mini-submenu .icon-bar {
        background-color: #fff;
    }

.slide-submenu {
    background: rgba(0, 0, 0, 0.45);
    display: inline-block;
    padding: 0px 8px;
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
}

#content-container {
    margin: 0 20px;
}

#slide-submenu2 {
    margin-right: 1em;
}

.mini-submenu .collapse-btn {
    background-color: #ccc;
    border: 1px solid #ccc;
    padding: 5px;
    /* position: relative; */
    width: 33px;
    height: 29px;
}

@media (min-width: 992px) {
    .col-md-1 {
        width: 2%;
    }

    .col-md-10 {
        width: 96%;
    }

    .col-md-9 {
        width: 82%;
    }

    .col-md-8 {
        width: 68%;
    }

    .col-md-2 {
        width: 15.99%;
    }
}

@media (max-width: 992px) {
    #main-aside {
        float: left;
        background: #fff;
        margin-bottom: 1em;
    }

    #secondary-aside {
        margin-top: 9px;
        clear: both;
    }

    #results-div article {
        padding: 0;
        margin-bottom: 1em;
    }
}

a:focus, a:hover {
    color: #c00;
}

#facets .keywords li {
    display: block !important;
}

.keywords.filter .facet-link {
    font-weight: normal;
}

div.x-panel-body {
    width: auto !important;
}

li.orgNames + ul li, li.keywords > ul > ul > li {
    padding-bottom: 5px;
}

li.keywords.filter > ul {
    margin-left: 1em;
}

.slide-submenu .fa {
    line-height: 18px;
}

#what_adv_search, #when_adv_search {
    border: 1px #ccc solid;
}

#main-aside .list-group {
    padding: 0;
}

/* div.md-links i.fa {
	font-size: 22px;
	padding-top: 4px;
}

div.md-links i.fa:hover {
	color: #000;
} */

div#upgradeIe {
    margin-bottom: 0;
    margin-right: 0;
    padding: 5px 35px 5px 14px;
}

#facets-panel-div div.facets > ul li.keywords, #facets-panel-div div.facets > ul li.types, #facets-panel-div div.facets > ul li.serviceTypes, div.facets > ul li.keywords > ul li {
    font-weight: normal;
}

#facets .keywords > ul > li {
    font-style: italic;
}

form.x-panel-body {
    padding: 0 !important;
}

#what-inspire {
    left: 0 !important;
    width: 69% !important;
}

    #what-inspire div.x-panel-body {
        min-height: 226px;
    }

div#bread-crumb-div {
    margin-left: 16px;
}

div.metadata-div span, .related div.metadata-div span {
    float: left;
    font-size: 12px;
    line-height: 2.5em;
    padding-right: 0.2em;
}

.md-wrap .thumbnail {
    border: none;
    margin-left: auto;
    margin-right: auto;
}

.x-superboxselect-display-btns {
    padding-right: 0 !important;
    width: auto !important;
}

div#resultsPanel .x-btn button.x-btn-text.fabutton.fa:hover {
    color: #c00;
}

div.x-layer.x-combo-list {
    width: auto !important;
}

.x-form-field-wrap img.x-form-trigger {
    height: 22px;
}

.x-small-editor .x-form-field-wrap .x-form-trigger {
    height: 20px;
}

.x-superboxselect-btn-expand {
    background: none;
}

.x-superboxselect-btns {
    right: -1px;
    top: -1px;
    background-image: url(../../../apps/js/ext/resources/images/gray/form/trigger.gif);
    border-bottom-color: #b5b8c8;
    padding: 0;
    height: 22px;
    width: 17px;
    border-left: 1px solid #b5b8c8;
}

    .x-superboxselect-btns:hover {
        cursor: pointer;
        background-position: -17px 0px;
    }

a.capabilitiesLink {
    font-size: 12px;
    line-height: 2em;
    margin-left: 1em;
}

    a.capabilitiesLink:hover {
        cursor: pointer;
    }

.linksAuto a.capabilitiesLink {
    float: right;
    font-weight: normal;
}

li.md-full td strong {
    font-size: 13px;
}

div.metadata > div > table.gn > tbody > tr {
    border-bottom: 4px solid #ddd;
}

div#metadata-panel .x-panel-bwrap > div.x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
    overflow: initial !important;
}

#when_adv_search {
    left: 70% !important;
}


.md-thumbnail .md-links {
    display: none;
}

#when_adv_search label.x-form-item-label {
    width: 108px !important;
}

#when_adv_search div.x-form-check-wrap {
    padding-top: 4px;
}

#when_adv_search input {
    float: none;
}

.md-contact .lastUpdate {
    display: none;
}

div#advanced-search-options .x-box-inner {
    height: 265px !important;
}

div.margin-top {
    margin-top: 1.5em;
}

span#login-stuff {
    display: none;
}

.x-tip {
    width: auto !important;
}
.x-tip-body {
    width: auto !important;
}
.x-tip-body span {
    width: auto !important;
}

<!--NUEVOS -->

#page-container{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
	box-shadow:none;
}
#header2 {
        float: left;
        /* height: 163px; */
        width: 100%;
        padding-top: 16px;
}

#header2 header{
    display: grid;
    margin:auto;
    padding: 0 15px;
    width: 100%px;
    /* left: -34px; */
    display: grid;
    grid-auto-flow: row dense;
    grid-template-columns: 300px 1fr;
    grid-template-rows: 89px 1fr;
    grid-template-areas:
        "linkIdena navbar-toggle"
        "collapsable collapsable";
}
#header2 .linkIdena{
    /* margin-left: -22px; */
    margin-top: 7px;
    /* background-image: url(http://idena.navarra.es/images/idena_alargado.gif); */
    /* background-repeat: no-repeat; */
    /* background-position-x: -15px; */
    /* grid-column-start: 1; */
    /* grid-column-end: 1; */
    background-color: :transparent;
}
.linkIdena { grid-area: linkIdena; }
header > .language { grid-area: language; display:none; }
header > .navigation { grid-area: navigation; display:none; }
.collapsable { grid-area: collapsable; }
.navbar-toggle { grid-area: navbar-toggle; }
.linkIdena img{margin-left: -5px;}

#header2 nav{
	background:none;
	margin-top: 0;
}
#header2 nav ul{
    margin:0;
    display:flex;
    justify-content:flex-end;
    flex-direction: column;
}
#header2 nav ul.idioma{
        text-align: right;
        padding-top: 8px;
        cursor: default;
        font-weight: 300;
        line-height: 1em;
        font-size:1em;
        flex-direction:row;
		text-transform: uppercase;
}
#header2 nav.navigation ul{
    margin-top: 49px;
}
#header2 nav.navigation ul li a{
        float: right;
}
#header2 nav ul a {
    background: transparent;
    color: initial;
    font-family:Roboto, sans-serif;
    font-size:16px;
    font-weight: 400;
    padding:0;
}
#header2 nav ul.idioma li{font-size:16px}
#header2 nav ul.idioma li a{font-size:0.9em;margin: 0 3px;/* padding-top: 2px; */line-height: 1.2em;}
#header2 nav ul.idioma li a.active, #header2 nav.navigation ul li a.active{color:#B9122B}
#header2 nav ul.idioma li:first-child a{margin-left:0;}
#header2 nav ul.idioma li:last-child a{margin-right:0;}

#header2 nav.language{
    display: none;
    justify-content: flex-end;
    /* flex-basis: 800px; */
    grid-row-start: 1;
    grid-row-end: 1;
}
#header2 .collapsable nav.language{
    display:flex
}
.collapsable {
    display: block;
    border-top: 0;
    height:0;
    transition: height 0.3s ease-out;
    overflow: hidden;
}
.collapsable.collapsed > nav{
    
}
.collapsable:not(.collapsed) {
    padding: 0 15px;
    border-top: 1px solid #000;
    height: 250px;
    transition: height 0.3s ease-out;
}
#header2 nav.language button{
	margin-right: 15px;
    padding: 0 15px;
    background-color: transparent;
    color: #c33;
    border: none;
    border-right: 1px solid #ededed;
	font-size:16px;
}
#header2 nav.navigation li{
    display:block;
    white-space:nowrap;
    line-height: 20px;
}
#footer2{
    font-family:Roboto, sans-serif;
    font-size:16px;
}
#footer2 .portlet-content {
    display: flex;
    flex-direction: column;
}
#footer2 ul{
    margin: auto auto;
    padding: 1em;
    padding-bottom: 20px;
    border-radius: 0px;
    width: 100%;
    text-align: center;
}

#footer2 ul li a{
    line-height: 20px;
    padding: 6px 15px;
    font-weight: 400;
    font-size:0.9em;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
}

#footer2 .rojo ul li a{   
    font-size: 16px;
}

#footer2 .portlet-content-container ul{display:flex;justify-content:center;flex-wrap:wrap}
#footer2 .portlet-content-container.rojo ul{background: #B9122B;}
#footer2 .portlet-content-container.rojo ul a{color: #fff;}
#footer2 .portlet-content-container #volver-arriba{
    font-size:2em;
    
}
#footer2 .portlet-content-container.gris .footer-wrapper{background-color:#eee}
#footer2 .container{
    /* width:1280px; */
}
#footer2 .portlet-content-container.gris .paddingTop{
    display: flex;
    padding-top: 1em;
    flex-wrap: wrap;
    justify-content: center;
}
#footer2 .portlet-content-container.gris .paddingBottom{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 15px 2em 15px;
}
#footer2 .portlet-content-container.gris img{
    max-width: 100%;
}

#header2 nav.navigation{
	margin-top:1px;
	/* display: none; */
}
#header2 nav.navigation ul a{
    padding: 5px 15px;
    margin:0;
    text-transform: uppercase;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.navbar-toggle{
     position: absolute;
     right: 15px;
     margin:8px 15px
     background-color: transparent;
     background-image: none;
     border: 1px solid black;
     border-radius: 4px;
     width: 18px;
     height: 14px;
     padding: 6px 10px;
     box-sizing: content-box;
     display: 4;
}

.navbar-toggle .icon-bar {
    background-color: #000;
    width: 18px;
}
.tag-aside{margin-top:0}
#login-form{display:none;}
/*#navigation  ul li:last-child a{padding-right:0;}*/
@media (min-width: 652px){
    .tag-aside{
        width:33%
    }
@media (min-width: 768px){    
    #header2 header,#footer2 .container {
        width: 750px;
    }
    .navbar-toggle {
        display: none;
    }
    #header2 header{
            grid-template-columns: 300px 1fr;
            grid-template-rows: 78px 1fr;
            gap: 0px 0px;
            grid-template-areas:
                    "linkIdena language"
                    "navigation navigation";
            padding-right:45px;
    }
    .collapsable{display:block;border:none;height: auto;overflow: visible;}
    #header2 nav.navigation ul{flex-direction:row}
    #header2 nav.navigation  ul li:last-child a{padding-right:0;}
    .collapsable.collapsed > #header2 nav,.collapsable:not(.collapsed) > #header2 nav{
        display:inherit
    }
    .collapsable.collapsed,.collapsable:not(.collapsed){border:none;display: none;}
    #header2 nav.navigation ul{margin-top:0}
    #header2 header > .language{
        display:flex;
    }
    #header2 header > .navigation{
        display:block;
    }    
}
@media (min-width: 992px){
    .tag-aside{
        width:18%
    }
    #browser #cloud-tag .tag-cloud{
        width:47%
    }
    #header2 header,#footer2 .container {
        width: 970px;
    }
    
    #header2{
        height: 100px;
    }
    #header2 header{
            grid-template-columns: 300px 1fr;
            grid-template-rows: 25px;
            gap: 0px 0px;
            grid-template-areas:
                    "linkIdena language"
                    "linkIdena navigation";
            /* padding-right: 0; */
    }
    #footer2 .logoFooter{
	   width:16.6667% 
    }
    #footer2 .portlet-content-container.gris .paddingBottom,#footer2 .portlet-content-container.gris .paddingTop{
        justify-content:flex-start;
    }
    nav.navigation ul{margin-top: 0;}
    
    
}
@media (min-width: 1200px){
    #header2 header,#footer2 .container {
        width: 1170px;
    }

@media (min-width: 1310px){
    #header2 header,#footer2 .container {
        width: 1280px;
    }
}
@media (min-width: 1400px){
    #footer2 .container {
        width: 1366px;
    }
}