h1, h2, h3, h4, h5, h6 {
    color: #143560;
}

header {padding-top: 19px;}

#search-container {
    position: absolute;
    top: 19px;
    right: -5px;
}

 #search-container button {
background:#143560;
color: white !important;
}

.carousel {
    border-bottom: 36px solid #E6E6E6}

header .div-color {
position: relative;
top: -25px;
}

.nav-item a
{
color:white !important;
font-weight: bold;
}
.div-color{
background-color: #102E54;
}
 .nav-item a:hover, .nav-item > a.open, .sub-nav-group {background: #102E54;}

.sub-nav.first {
    max-width: 100% !important;
}
.first.open.sub-nav > ul > li > ul > li {
    width: 20%;
}
#wrap {
    max-width: 100%;
    padding: 0;
    text-align: center;
}

footer {
    margin-top: 0px;
    clear: both;
    background: #143560;
    color: white;
    padding: 25px;
    text-align: center;
}
header {text-align: left;}
header h4{padding-left: 16px;}

.field{max-width: 727px;margin-bottom: 0;}
.field-meta{width: 46% !important;}
.inputs{width: 40%  !important;
padding-left: 24px;
text-align: left;}

form input[type="submit"]{margin-left: 0;}

.iconsC{width: 142px;
background: #909cb1;border-radius: 71px;}
.iconsC:hover{background: #3f567a;}
.iconlink{color: #909cb1;display:inline-block;margin-right: 62px;vertical-align: top;}
.iconlink:hover{text-decoration:none;color: #3f567a;}

#content{text-align: left;}

#search-filters {
    max-width: 597px;
}
#search-filters .filter {
    margin-left:0;
    padding-left:0;
}

.search-results-wrapper {
    max-width: 79%;
}

.resource-metadata {padding-left: 9px;}

.page #content .breadcrumbs + .blocks{text-align:center;}

.search-facets {
    font-size: 12px;}
#audio{border: 3px solid #ed9f01;}

.infcont div{display:inline-block;vertical-align: top;}
.vromero iframe {width: 327px;
height: 185px;}

.resource-list a.thumbnail img {
    height: 159px;
border: 1px solid #c1c1c1;
}

figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}

figcaption {
  background-color: #26385f;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: justify;
}

#centrado {
  text-align: center;
}

#transicion {
  width: 100px;
  height: 100px;
  transition: width 2s;
}

    .multicolortext {
        background-image: linear-gradient(to left, violet, indigo, green, blue, yellow, orange, red);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        color: transparent;
    }

.caja{
  background-color: #9B59B6;
  -webkit-transition: font-size 1s ease;
  transition: font-size 1s ease;
}
.caja:hover{
  font-size: 28px;
}

.test {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    animation: fadein 14s;
    -moz-animation: fadein 14s; /* Firefox */
    -webkit-animation: fadein 14s; /* Safari and Chrome */
    -o-animation: fadein 14s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.browse .resource img {
  max-width: 100px;
}

div.galeria {
        border: 1px solid #ccc;
        display: inline-block;
        }
        div.galeria:hover {
        border: 1px solid #777;
        }
        div.galeria img {
        width: 100%;
        height: 300px;
        }
        div.desc {
        padding: 15px;
        text-align: center;
        }
        * {
        box-sizing: border-box;
        }
        .responsive {
        padding: 0 6px;
        float: left;
        width: 24.99999%;
        }

        .responsive2 {
        padding: 0 6px;
       float: left;
        width: 12.5%;
        }

        @media only screen and (max-width: 700px) {
        .responsive {
        width: 49.99999%;
        margin: 6px 0;
        }
        }
        @media only screen and (max-width: 500px) {
        .responsive {
        width: 100%;
        }
        }
        .clearfix:after {
        content: "";
        display: table;
        clear: both;
        }

.sangria {
padding-left: 100px;
}