/*!
Theme Name: Drew University V8 Responsive
Theme URI: http://drew.edu/
Description: Responsive V8R Design
Author: Justin Jackson & Tryon Eggleston
Version: 8.1
*/
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

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

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-widget {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #dedede;
    background: #ffffff 50% 50% repeat-x;
    color: #222222
}

.ui-widget-content a {
    color: #222222
}

.ui-widget-header {
    border: 1px solid #dedede;
    background: #eeeeee 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold
}

.ui-widget-header a {
    color: #ffffff
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #91a9bc;
    background: #91a9bc 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #ffffff;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #bddefa 50% 50% repeat-x;
    border-color: #bddefa;
    font-weight: normal;
    color: #ffffff
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #2e6e9e;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #456b89;
    background: #456b89 50% 50% repeat-x;
    font-weight: normal;
    color: #000
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-widget:active {
    outline: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #ffdd00;
    background: #ffdd00 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #fcd1c0;
    background: #fcd1c0 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(http://www.dolp.es/css/images/ui-icons_6da8d5_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(http://www.dolp.es/css/images/ui-icons_6da8d5_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(http://www.dolp.es/css/images/ui-icons_6da8d5_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(http://www.dolp.es/css/images/ui-icons_ffffff_256x240.png)
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(http://www.dolp.es/css/images/ui-icons_ffffff_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(http://www.dolp.es/css/images/ui-icons_ffffff_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(http://www.dolp.es/css/images/ui-icons_000000_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(http://www.dolp.es/css/images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-widget-overlay {
    background: #000000 50% 50% repeat-x;
    opacity: .80;
    filter: Alpha(Opacity=80)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #000000 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-accordion {
    width: 100%
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
    z-index: 100
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

.ui-tabs {
    border: none
}

.ui-tabs-nav {
    border: none;
    border-bottom: 2px solid #456b89;
    background: #fff;
    font-family: 'Swift W01 Bold';
    font-size: 1.1em;
    text-align: center
}

.ui-tabs .ui-tabs-panel {
    background: #fafafa;
    border-bottom: 2px solid #456b89
}

.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: -5px;
    margin-right: .6em
}

.ui-tabs .ui-tabs-nav li {
    float: none;
    display: inline-block
}

.ui-tabs .ui-tabs-panel .tabheader {
    display: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    display: none;
    display /**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    position: relative
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

legend {
    clear: none
}

@font-face {
    font-family: "Swift W01 Regular";
    font-weight: normal;
    font-style: normal;
    src: url("../font/swift3.eot");
    src: url("../font/swift4.eot") format("embedded-opentype"), url("../font/swift2.woff") format("woff"), url("../font/swift2.ttf") format("truetype"), url("../font/swift2.svg") format("svg")
}

@font-face {
    font-family: "Swift W01 Bold";
    font-weight: normal;
    font-style: normal;
    src: url("../font/swift-bold3.eot");
    src: url("../font/swift-bold4.eot") format("embedded-opentype"), url("../font/swift-bold2.woff") format("woff"), url("../font/swift-bold3.ttf") format("truetype"), url("../font/swift-bold3.svg") format("svg")
}

@font-face {
    font-family: "Swift W01 Heavy";
    font-weight: normal;
    font-style: normal;
    src: url("../font/swift-heavy3.eot");
    src: url("../font/swift1.eot") format("embedded-opentype"), url("../font/swift-heavy2.woff") format("woff"), url("../font/swift-heavy.ttf") format("truetype"), url("../font/swift-heavy.svg") format("svg")
}

@font-face {
    font-family: "Swift W01 Heavy Italic";
    font-weight: normal;
    font-style: normal;
    src: url("../font/swift-heavy-italic4.eot");
    src: url("../font/swift-heavy-italic5.eot") format("embedded-opentype"), url("../font/bubbledot-fine2.woff") format("woff"), url("../font/swift-heavy-italic2.ttf") format("truetype"), url("../font/swift-heavy-italic2.svg") format("svg")
}

@font-face {
    font-family: "Bubbledot Fine W01 Pos";
    font-weight: normal;
    font-style: normal;
    src: url("../font/bubbledot-fine.eot");
    src: url("../font/swift-bold5.eot") format("embedded-opentype"), url("../font/bubbledot-fine3.woff") format("woff"), url("../font/bubbledot-fine2.ttf") format("truetype"), url("../font/bubbledot-fine2.svg") format("svg")
}

@font-face {
    font-family: "FuturaW01-BoldCondensed 774890";
    font-weight: normal;
    font-style: normal;
    src: url("../font/futura3.eot");
    src: url("../font/futura4.eot") format("embedded-opentype"), url("../font/futura2.woff") format("woff"), url("../font/futura.ttf") format("truetype"), url("../font/swift-heavy-italic3.svg") format("svg")
}

article .columns .column {
    border: none
}

.container_2, .container_3, .container_4, .container_5, .container_6 {
    width: 100%
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 2%;
    margin-right: 2%
}

.alpha {
    margin-left: 0
}

.omega {
    margin-right: 0
}

.person.full.hasphoto .vitals {
    margin-left: 00px
}

.hidden {
    display: none
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

body {
    background: #dfe0dc;
    position: relative;
    display: block;
    font-family: arial, sans-serif;
    font-size: 14px
}

body em {
    font-style: italic
}

body > header {
    background: #fff
}

body > header:after {
    content: '';
    display: block;
    height: 38px;
    width: 100%;
    background: #AFB0A5;
    margin: 10px 0 0 0;
    background: -webkit-linear-gradient(top, #97988a 0%, #AFB0A5 15%);
    background: -moz-linear-gradient(top, #97988a 0%, #AFB0A5 15%);
    background: -ms-linear-gradient(top, #97988a 0%, #AFB0A5 15%);
    background: -o-linear-gradient(top, #97988a 0%, #AFB0A5 15%);
    background: linear-gradient(to bottom, #97988a 0%, #AFB0A5 15%)
}

body > header > section {
    background: #fff
}

body > header > section > a {
    display: block;
    z-index: 1;
    position: relative;
    text-decoration: none;
    padding: 20px 0 0 30px;
    width: 168px
}

body > header > section > a span, body > header > section > a img, body > header > section > a svg {
    display: none
}

.no-inlinesvg body > header > section > a img {
    width: 100%;
    height: auto
}

.no-inlinesvg body > header > section > a img.blue {
    display: block
}

.inlinesvg body > header > section > a svg {
    display: block;
    height: 40px;
    width: 171px
}

#nav-below {
    bottom: 1%;
    top: auto
}

#nav-below .nav-previous a, #nav-below .nav-next a {
    color: #456b89;
    font-weight: bold;
    font-size: 1.2em
}

body > header form input {
    height: 24px;
    z-index: 2;
    border: 1px solid #b0b0a6;
    background: #fff;
    color: #b0b0a6;
    padding: 3px 2px 2px 2px;
    font-family: arial, sans-serif;
    font-size: 1.25em;
    outline: none;
    -webkit-appearance: none;
    -webkit-box-sizing: content-box
}

body > header form input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.7)
}

body > header form input:focus {
    color: #000
}

body > header form label, body > header form .button {
    display: none
}

body > header form .searchresults {
    width: 100%;
    z-index: -1;
    opacity: 0;
    top: 3em;
    right: 0px;
    position: absolute;
    border: 1px solid #027dae;
    border-top: none;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
}

body > header form .searchresults.show {
    z-index: 100;
    opacity: 1
}

body > header form .searchresults > div {
    border-top: 1px solid #B3FFFF;
    position: relative;
    background: #fff
}

body > header form .searchresults header a:hover {
    text-decoration: underline
}

body > header form .searchresults ul {
    display: block;
    padding: 5px 0;
    margin: 0;
    list-style: none
}

body > header form .searchresults li:nth-of-type(1n+5) {
    display: none
}

body > header form .searchresults li a {
    display: block;
    clear: both;
    color: #000;
    padding: 5px 0 5px 10px;
    text-decoration: none
}

body > header form .searchresults li .highlight {
    background: #fd0;
    color: #000
}

body > header form .searchresults li:hover, body > header form .searchresults li.hover {
    background: #eee
}

body > header form .searchresults .title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis
}

body > header form .searchresults .other {
    display: block;
    margin: 2px 0 0 0;
    color: #555
}

body > header form .searchresults .datetime, body > header form .searchresults sup, body > header form .searchresults .phone, body > header form .searchresults .other {
    color: #555;
    font-size: .9em;
    padding-top: 1px
}

body > nav.globalnav {
    position: absolute;
    top: 104px;
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 0;
    z-index: 10
}

body > nav.globalnav .header-small {
    display: none
}

body > nav.globalnav .slideholder {
    margin: 0 auto;
    max-width: 1366px
}

body > nav.globalnav .slideholder ul {
    padding-left: 17px;
    position: relative;
    font-size: 1.25em;
    font-family: "Swift W01 Bold", "Swift W01 Regular", serif;
    white-space: nowrap;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -ms-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

body > nav.globalnav .slideholder ul li {
    position: relative;
    text-align: center;
    color: #5f604d;
    text-decoration: none;
    cursor: pointer;
    margin: 0 0;
    padding: .5em .75em;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body > nav.globalnav .slideholder ul li a {
    color: #5f604d;
    text-decoration: none
}

body > nav.globalnav .slideholder ul li.selected:after {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid white;
    position: absolute;
    bottom: 0;
    left: 40%;
    z-index: 2
}

body > nav.globalnav .slideholder ul li:hover, body > nav.globalnav .slideholder ul li.selected, body > nav.globalnav .slideholder ul li:hover a, body > nav.globalnav .slideholder ul li.selected a, body > nav.globalnav .slideholder ul li.current-menu-item a, body > nav.globalnav .slideholder ul li.current_page_item a {
    color: #000
}

body > nav.globalnav .dropdowncontainer {
    position: absolute;
    width: 100%;
    top: 2.1em;
    background: #456b89;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)
}

body > nav.globalnav .dropdowncontainer > section {
    position: relative;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto
}

body > nav.globalnav .dropdowncontainer .dropdown {
    width: 100%;
    max-width: 1024px;
    display: none;
    padding: 0 0 2em 0
}

body > nav.globalnav .dropdowncontainer .dropdown > section {
    padding: 2em 0 0 0
}

body > nav.globalnav .dropdowncontainer .dropdown header {
    color: #ddd;
    font-size: .9em;
    margin-bottom: 1em;
    font-weight: bold
}

body > nav.globalnav .dropdowncontainer .dropdown a, body > nav.globalnav .dropdowncontainer .dropdown .title {
    color: white;
    text-decoration: none;
    font-size: 1.3em;
    padding-bottom: .3em;
    display: block
}

body > nav.globalnav .dropdowncontainer .dropdown a.rangerslive, body > nav.globalnav .dropdowncontainer .dropdown .title.rangerslive {
    width: 100%;
    display: block;
    height: 0;
    padding-top: 115px;
    padding-bottom: 0;
    background: url(http://www.dolp.es/css/images/rangerbear.png) no-repeat;
    background-size: 100%;
    overflow: hidden
}

.svg body > nav.globalnav .dropdowncontainer .dropdown a.rangerslive, .svg body > nav.globalnav .dropdowncontainer .dropdown .title.rangerslive {
    background-image: url(http://www.dolp.es/css/images/rangerbear.svg)
}

body > nav.globalnav .dropdowncontainer .dropdown a:hover {
    text-decoration: underline
}

body > nav.globalnav .dropdowncontainer .dropdown ul a {
    color: #d0dae1;
    padding: .4em 0;
    margin: 0 auto;
    font-size: 1em
}

body > nav.globalnav .dropdowncontainer .dropdown ul a:hover {
    color: #fff;
    text-decoration: none;
    text-decoration: underline
}

body > nav.globalnav .dropdowncontainer .dropdown section[title="Offices"] {
    width: 70%
}

body > nav.globalnav .dropdowncontainer .dropdown section[title="Offices"] ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

article.emergency.fullwidth {
    max-width: 1366px;
    background: #ffeb69
}

article.emergency .content {
    background: none;
    padding: 2em 2em;
    margin-top: 0
}

article.emergency header {
    line-height: 1;
    color: #234f74;
    font-size: 1.8em;
    margin: 10px 0 10px 0;
    font-family: 'FuturaW01-BoldCondensed 774890';
    text-transform: uppercase
}

article.emergency .navbutton {
    color: #fff;
    background: #90a632;
    border-color: #90a632
}

.content {
    background: #fff
}

.content .navigation {
    position: absolute;
    top: 1%;
    right: 1%
}

.content .contentwrapper {
    padding-bottom: 50px
}

article {
    position: relative;
    display: block;
    line-height: 1.6;
    font-size: 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text
}

article a, article .ui-widget-content a, article strong a, article a strong {
    color: #456b89
}

article > header {
    position: relative
}

article > header a {
    text-decoration: none
}

article > header > img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -webkit-box-shadow: none;
    border: none
}

article .articlebody {
    padding: 1px 5% 1px 5%;
}

article aside {
    font-size: .8em;
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1)
}

article aside header {
    font-size: 1.2em;
    line-height: 1;
    text-decoration: none;
    display: block;
    background: #90a632;
    color: white;
    font-family: "FuturaW01-BoldCondensed 774890", sans-serif;
    font-weight: normal;
    font-size: 1.6em;
    letter-spacing: 1px
}

article aside ul, article aside ol {
    list-style: none;
    margin: 0;
    padding: 0
}

article aside li {
    margin: 0 0 .7em 0
}

article aside img {
    width: 100%;
    height: auto
}

article .tabs {
    margin: 30px 0
}

article h1, article h2, article h3, article h4, article h5, article h6 {
    display: block;
    clear: left
}

article h1 strong, article h2 strong, article h3 strong, article h4 strong, article h5 strong, article h6 strong {
    font-weight: normal
}

article h1 {
    clear: left;
    line-height: 1;
    font-family: "Swift W01 Bold", "Swift W01 Regular", serif;
    color: #3d3d3d;
    font-size: 2.6em;
    margin: 50px 0 0 5%;
    padding-right: 5%;
    font-weight: normal;
    word-break: break-word;
    word-break: hyphenate
}

article h2 {
    display: block;
    clear: left;
    line-height: 1;
    font-size: 1.9em;
    letter-spacing: 1px;
    font-family: "FuturaW01-BoldCondensed 774890", sans-serif;
    margin: 1em 0 .25em 0;
    color: #3d3d3d;
    padding: 0 0 10px 0
}

article h2 a {
    text-decoration: none
}

article h3 {
    line-height: 1;
    font-size: 1.4em;
    font-family: "Swift W01 Regular", serif;
    color: #3d3d3d;
    margin: 1.5em 0 10px 0;
    padding: 0
}

article h4 {
    line-height: 1;
    font-size: 1.2em;
    font-family: "Swift W01 Regular", serif;
    color: #3d3d3d;
    margin: .75em 0 .25em 0;
    font-weight: normal
}

article .twitterwidget h3, article .twitterwidget h4 {
    clear: none
}

article h5, article h6 {
    font-weight: bold
}

article article header {
    border-bottom: 1px solid #aaa;
    line-height: 1
}

article hr {
    margin: 1em 0;
    border: none;
    border-bottom: 1px solid #234F74
}

article strong, article strong *, article b {
    font-weight: bold;
    color: #3d3d3d
}

article p {
    padding: .5em 0
}

article ul {
    padding: .3em 0 .3em 2.5em;
    list-style: disc outside none
}

article ol {
    padding: .3em 0 .3em 2.5em;
    list-style: decimal outside none
}

article ul.nobullets, article ol.nobullets {
    padding: 0;
    list-style: none
}

article li {
    padding: .1em 0;
    margin: 0
}

article .columns {
    clear: both;
    font-size: .9em;
    padding-bottom: 1em
}

article .gallery .gallery-caption {
    padding: 0 20px
}

article .vidboxright {
    float: right;
    width: 50%;
    margin: 15px 0 30px 50px
}

article figure.hero {
    margin: 0;
    padding: 0;
    width: 111.1%;
    box-shadow: none;
    position: relative;
    margin-left: -5.6%;
    margin-right: -11%;
    border: 0 none
}

.fullwidth article figure.hero {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

article figure.hero figcaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    position: absolute;
    bottom: 7px;
    left: 4%;
    padding: 5px 10px;
    margin: 0;
    line-height: 1;
    font-family: "Swift W01 Bold", "Swift W01 Regular", serif;
    font-size: 2.6em
}

*.navbutton {
    text-decoration: none;
    background: #90a632;
    border: 1px solid #90a632;
    border-radius: 10em;
    padding: .35em 2em;
    line-height: 1;
    color: #fff;
    font-size: .95em;
    position: relative;
    outline: none;
    cursor: pointer;
    display: inline-block;
    font-weight: bold
}

*.navbutton::-moz-focus-inner {
    border: none
}

*.navbutton:disabled {
    cursor: default;
    background: #d0de93;
    border: 1px solid #d0de93
}

.lt-ie9 *.navbutton {
    width: auto;
    overflow: visible
}

*.navbutton:hover {
    color: #fff;
    background: #5f614b;
    border-color: #5f614b
}

*.navbutton:hover:disabled {
    background: #d0de93;
    border: 1px solid #d0de93
}

*.navbutton:active {
    color: #fff;
    background: #aaa;
    border-color: #000
}

*.navbutton:active:disabled {
    background: #d0de93;
    border: 1px solid #d0de93
}

*.navbutton.white {
    background: #fff;
    color: black;
    border: 1px solid #bbb
}

*.navbutton.white:disabled {
    background: #4d4d4d;
    border: 1px solid #fff
}

*.navbutton.white:hover {
    background-color: #000;
    border-color: #000
}

*.navbutton.white:hover:disabled {
    background: #4d4d4d;
    border: 1px solid #fff
}

*.navbutton.white:active {
    background-color: #555;
    border-color: #555
}

*.navbutton.white:active:disabled {
    background: #4d4d4d;
    border: 1px solid #fff
}

*.navbutton.darkyellow {
    border-color: #5f614b;
    background: #5f614b;
    border: 1px solid #5f614b
}

*.navbutton.darkyellow:disabled {
    background: #acae97;
    border: 1px solid #acae97
}

*.navbutton.darkyellow:hover {
    background: #5f614b;
    border-color: #5f614b
}

*.navbutton.darkyellow:hover:disabled {
    background: #acae97;
    border: 1px solid #acae97
}

*.navbutton.darkyellow:active {
    background: #aaa;
    border-color: #000
}

*.navbutton.darkyellow:active:disabled {
    background: #acae97;
    border: 1px solid #acae97
}

*.navbutton.blue {
    background: #49a7d2;
    color: white;
    border: 1px solid #49a7d2
}

*.navbutton.blue:disabled {
    background: #c4e2f0;
    border: 1px solid #c4e2f0
}

*.navbutton.blue:hover {
    background-color: #000;
    border-color: #000
}

*.navbutton.blue:hover:disabled {
    background: #c4e2f0;
    border: 1px solid #c4e2f0
}

*.navbutton.blue:active {
    background-color: #555;
    border-color: #555
}

*.navbutton.blue:active:disabled {
    background: #c4e2f0;
    border: 1px solid #c4e2f0
}

*.navbutton.noborder {
    border: none
}

.ui-widget-content a.navbutton {
    color: white
}

table.colors caption {
    font-size: 1.2em;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #aaa;
    margin-bottom: 1em
}

table.colors .section {
    text-align: left;
    font-size: 1.1em
}

table.colors thead th {
    padding: 0 .5em
}

table.colors thead th.a {
    background: #EFF8FF
}

table.colors thead th.b {
    background: #CFECFF
}

table.colors tbody th {
    text-align: right;
    padding-right: .5em;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #A4CFEF
}

table.colors tbody th span {
    font-size: .9em;
    font-weight: normal;
    color: #444;
    display: block;
    clear: both
}

table.colors tbody td {
    padding: 2px 10px;
    vertical-align: top;
    border-bottom: 1px solid #A4CFEF
}

table.colors tbody td.a {
    background: #DFF1FF
}

table.colors tbody td.b {
    background: #BFE4FF
}

table.colors tbody .section th, table.colors tbody .section td {
    border-bottom: 1px solid #234F74;
    padding: .75em .2em 0 .2em;
    text-align: left;
    background: #fff
}

table.colors tbody .section td.a {
    background: #EFF8FF
}

table.colors tbody .section td.b {
    background: #CFECFF
}

table.colors tbody .table-alt-row {
    background: #719bbc
}

table {
    margin-top: 20px;
    margin-bottom: 20px
}

table .table-alt-row {
    background: #d0dbe3
}

table td {
    padding: 1% 3%
}

aside table .table-alt-row {
    background: #dfe0db
}

.acalog .requirements > .core {
    padding: 0
}

.acalog .requirements .core .core {
    padding: .5em 0 .5em 1em
}

.acalog .requirements .courses dt {
    text-decoration: underline;
    color: #234F74;
    cursor: pointer
}

.acalog .requirements .courses dt.nodescription {
    text-decoration: none;
    color: #000
}

.acalog .requirements .courses dd {
    display: none;
    padding: .5em 1em 2em 2em
}

.acalog .requirements .courses dd p {
    padding: 0
}

.catalog dt {
    text-decoration: underline;
    color: #234F74;
    cursor: pointer
}

.catalog dd {
    display: none;
    padding: .5em 1em 2em 2em
}

.catalog dd p {
    padding: 0
}

ol.bignumbers {
    counter-reset: li;
    margin-top: 1em;
    margin-left: 3.4em;
    padding-left: 0;
    font-size: 1.2em
}

ol.bignumbers > li {
    position: relative;
    margin: 0 0 0 0;
    list-style: none;
    min-height: 3em
}

ol.bignumbers > li:before {
    content: '';
    display: block;
    position: absolute;
    left: -1.6em;
    top: -.25em;
    width: 1.3em;
    height: 1.3em;
    background: #ffcb05;
    border: 1px solid #cca404;
    font: italic 2em Georgia, Times, serif;
    border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

ol.bignumbers > li:nth-child(2n):before {
    background: #f58220;
    border-color: #c26819
}

ol.bignumbers > li:nth-child(3n):before {
    background: #bd9f03;
    border-color: #8a7303
}

ol.bignumbers > li:nth-child(4n):before {
    background: #a7bd39;
    border-color: #7a8a29
}

ol.bignumbers > li:nth-child(5n):before {
    background: #41ad49;
    border-color: #2f7a34
}

ol.bignumbers > li:nth-child(6n):before {
    background: #67a6cc;
    border-color: #4c7d99
}

ol.bignumbers > li:after {
    content: counter(li);
    counter-increment: li;
    line-height: 0;
    position: absolute;
    left: -1.5em;
    top: -.25em;
    width: 1em;
    text-align: center;
    font: italic 2em Georgia, Times, serif;
    color: #fff
}

.video-container, .flickr-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container iframe, .flickr-container iframe, .video-container object, .flickr-container object, .video-container embed, .flickr-container embed, .video-container div, .flickr-container div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ytvideoplayer {
    cursor: pointer
}

.ytvideoplayer:before {
    content: '';
    background: rgba(0, 0, 0, 0.8);
    width: 75px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -40px;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em
}

.ytvideoplayer:hover:before {
    background: -webkit-linear-gradient(top, red 0%, #7f0000 100%);
    background: -moz-linear-gradient(top, red 0%, #7f0000 100%);
    background: -ms-linear-gradient(top, red 0%, #7f0000 100%);
    background: -o-linear-gradient(top, red 0%, #7f0000 100%);
    background: linear-gradient(to bottom, red 0%, #7f0000 100%)
}

.ytvideoplayer:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    border-left: 25px solid #fff
}

.flickr-container {
    padding-bottom: 66.5%;
    padding-top: 0
}

body.follownav > header:after {
    height: 87px;
    margin-bottom: -57px
}

@media screen and (max-width: 960px) {
    body.follownav .globalnav {
        display: none
    }

    body.follownav .content {
        margin-top: 45px
    }

    body.follownav select.pagenav {
        width: 98%;
        margin-left: 1%
    }
}

@media screen and (min-width: 960px) {
    body.follownav select.pagenav {
        display: none
    }
}

nav.page {
    height: 3.5em;
    z-index: 10;
    font-size: 16px;
    position: relative;
    background-color: #afb0a5
}

nav.page span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    background-color: #afb0a5
}

nav.page div.select {
    display: none
}

nav.page .title {
    cursor: pointer;
    font-weight: bold;
    color: white;
    padding-right: 20px;
    padding-left: 20px
}

nav.page ul {
    position: relative;
    max-width: 1366px;
    width: 100%;
    padding: 0;
    margin: 0 auto
}

nav.page ul li {
    display: inline;
    font-size: .9em
}

nav.page ul li.backlink {
    padding-left: 19px
}

nav.page ul li a {
    display: inline-block;
    text-decoration: none;
    color: #7f806f;
    font-size: .95em;
    font-weight: bold;
    position: relative;
    padding: 1.4em 0.75em 1.8em;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s
}

nav.page ul li a::before {
    display: block;
    content: "";
    position: absolute;
    top: 1.7 sem;
    left: 0;
    height: 1em;
    width: 1px;
    background: #7f806f
}

nav.page ul li a.first::before {
    display: none
}

nav.page ul li.selected a, nav.page ul li:hover a {
    color: #000
}

@media screen and (min-width: 960px) {
    nav.page.fixed span {
        position: fixed;
        top: 0;
        left: 0
    }
}

@media screen and (max-width: 960px) {
    nav.page {
        display: none
    }
}

.contextual {
    overflow-x: visible;
    font-size: 1.1em;
    background:: #719bbc;
    background: -webkit-linear-gradient(top, #719bbc 0%, #91a9bc 100%);
    background: -moz-linear-gradient(top, #719bbc 0%, #91a9bc 100%);
    background: -ms-linear-gradient(top, #719bbc 0%, #91a9bc 100%);
    background: -o-linear-gradient(top, #719bbc 0%, #91a9bc 100%);
    background: linear-gradient(to bottom, #719bbc 0%, #91a9bc 100%)
}

.contextual header, .contextual .menu > li > a {
    font-family: "FuturaW01-BoldCondensed 774890", sans-serif;
    font-size: 1.6em;
    letter-spacing: 1px;
    color: white;
    display: block;
    margin: 0 0 .5em 0;
    line-height: 1;
    padding-right: 2%
}

.contextual .menu > li > a {
    padding-right: 8%
}

.contextual nav, .contextual section {
    margin: 2em .5em 4em .5em
}

.contextual a {
    color: white;
    text-decoration: none
}

.contextual nav li a {
    padding-right: 10%;
    width: 90%
}

.contextual nav li.current_page_item > a {
    background: #a8c13a;
    position: relative;
    padding-left: 1em;
    margin-left: -1em;
    padding-right: .5em;
    width: 100%;
    font-weight: bold;
    box-shadow: 0 2px 3px #677724;
    -moz-box-shadow: 0 2px 3px #677724;
    -khtml-box-shadow: 0 2px 3px #677724;
    -webkit-box-shadow: 0 2px 3px #677724
}

.contextual nav li.current_page_item > a:after {
    content: '';
    width: 15px;
    height: 100%;
    display: block;
    top: 0;
    right: -15px;
    left: inherit;
    background: #a8c13a;
    position: absolute
}

.contextual nav li.current_page_item > a:before {
    content: '';
    background: none;
    width: 0;
    height: 0;
    display: block;
    top: 100%;
    right: -15px;
    left: inherit;
    position: absolute;
    border-right: 15px solid transparent;
    border-top: 15px solid #5d6b20
}

.contextual nav li.current_page_item > a:hover {
    text-decoration: none
}

.contextual nav li.current_page_ancestor > ul, .contextual nav li.current_page_item > ul {
    display: block
}

.contextual nav a {
    display: block;
    padding: .25em 0;
    position: relative
}

.contextual nav a:hover {
    text-decoration: underline
}

.contextual nav ul ul {
    padding-left: 1.25em;
    display: none
}

.contextual nav ul ul a:before, .contextual nav ul ul a:after {
    background: #d9e4ed;
    content: "";
    display: block;
    height: 1px;
    left: -11px;
    position: absolute;
    top: 13px;
    width: 6px
}

.contextual nav ul ul a:after {
    height: 5px;
    top: 8px;
    width: 1px
}

.contextual nav header a {
    text-decoration: none
}

.secondary > .menu > li > .sub-menu {
    display: block
}

.contextual {
    padding: 0 1%
}

.contextual a, .contextual p, .contextual .textwidget {
    margin-top: .5em;
    padding: .25em 0;
    display: block;
    color: white
}

.contextual a:hover {
    text-decoration: underline
}

.contextual .adr, .contextual .extended-address, .contextual .street-address {
    display: block;
    padding: 5px 0 0 0
}

.contextual .adr {
    line-height: 1.25em;
    color: white
}

.contextual .extended-address a {
    display: inline
}

.contextual .tel {
    display: block;
    clear: left;
    text-decoration: none
}

.contextual .tel .type {
    display: inline
}

.contextual .sm {
    background: url(http://www.drew.edu/wp-content/themes/drew-v8/images/iconsandsprites.png) no-repeat;
    display: inline-block;
    height: 0;
    line-height: 2;
    padding-top: 26px;
    margin-right: .5em;
    margin-top: 1em;
    width: 24px;
    overflow: hidden
}

.contextual .sm.facebook {
    background-position: 0 -358px
}

.contextual .sm.twitter {
    background-position: -32px -358px
}

.contextual .sm.gplus {
    background-position: -64px -358px
}

.contextual .sm.flickr {
    background-position: -96px -358px;
    width: 32px
}

.contextual .sm.moodle {
    background-position: -128px -358px;
    width: 35px
}

.contextual h3 {
    clear: left;
    padding-top: 2.3em;
    font-family: "FuturaW01-BoldCondensed 774890", sans-serif;
    font-size: 1.6em;
    color: white
}

.contextual .organization .street-address, .contextual .organization .locality, .contextual .organization .region, .contextual .organization .postal-code, .contextual .organization .country-name {
    display: none
}

body > footer {
    position: relative;
    width: 100%;
    color: #fff;
    line-height: 2.5;
    font-size: .9em;
    background: #456b89;
    background: -webkit-linear-gradient(top, #395871 0%, #456b89 10px);
    background: -moz-linear-gradient(top, #395871 0%, #456b89 10px);
    background: -ms-linear-gradient(top, #395871 0%, #456b89 10px);
    background: -o-linear-gradient(top, #395871 0%, #456b89 10px);
    background: linear-gradient(to bottom, #395871 0%, #456b89 10px)
}

body > footer .top, body > footer .bottom > section {
    max-width: 1366px;
    margin: 0 auto
}

body > footer a {
    color: #cfcfc9;
    text-decoration: none;
    display: block;
    clear: left
}

body > footer a:hover {
    text-decoration: underline;
    color: #fff
}

body > footer header {
    font-size: 1.4em;
    margin: 0 0 .5em 0;
    text-shadow: 1px 1px #224f74;
    font-family: "Swift W01 Bold", "Swift W01 Regular", serif
}

body > footer .bottom {
    margin: 0;
    padding: 1em 0 .5em 0;
    background: #224f74;
    background: -webkit-linear-gradient(top, #1c4160 0%, #224f74 3px);
    background: -moz-linear-gradient(top, #1c4160 0%, #224f74 3px);
    background: -ms-linear-gradient(top, #1c4160 0%, #224f74 3px);
    background: -o-linear-gradient(top, #1c4160 0%, #224f74 3px);
    background: linear-gradient(to bottom, #1c4160 0%, #224f74 3px)
}

body > footer .schools li {
    font-weight: bold
}

body > footer .schools a {
    color: #fff
}

body > footer .vcard {
    font-size: 1.1em
}

body > footer .vcard .fn {
    color: #fff;
    float: left;
    display: block;
    margin: 0 1.5em 0 0;
    padding: 0;
    text-decoration: none
}

body > footer .vcard .adr, body > footer .vcard .tel {
    clear: none;
    display: block;
    text-decoration: none;
    padding-right: 1.5em;
    float: left;
    color: #fff
}

body > footer .followus header {
    display: none
}

body > footer .followus li {
    display: inline-block;
    margin: 0;
    padding: 0 .5em;
    text-align: center
}

body > footer .followus li a {
    display: block;
    padding-top: 32px;
    height: 0;
    width: 32px;
    overflow: hidden;
    background: url(http://www.dolp.es/css/images/socialmediaicons.png)
}

.svg body > footer .followus li a {
    background: url(http://www.dolp.es/css/images/socialmediaicons.svg)
}

body > footer .followus li a.twitter {
    background-position: -32px 0
}

body > footer .followus li a.youtube {
    background-position: -64px 0
}

body > footer .followus li a.instagram {
    background-position: -96px 0
}

body > footer .followus li a.rss {
    background-position: -128px 0
}

body > footer .mapsanddirections ul {
    display: none
}

a.backtotop {
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    bottom: 1em;
    color: white;
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    font-size: 1.2em;
    padding: 1.5em .5em .5em .5em;
    position: fixed;
    right: 1em;
    text-decoration: none;
    z-index: 1;
    text-transform: lowercase;
    -webkit-transition: background 0.2s, opacity 0.3s;
    -moz-transition: background 0.2s, opacity 0.3s;
    -o-transition: background 0.2s, opacity 0.3s;
    transition: background 0.2s, opacity 0.3s
}

a.backtotop:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

a.backtotop:hover {
    background: rgba(0, 0, 0, 0.7)
}

a.backtotop.stop {
    position: absolute;
    bottom: 158px;
    background: transparent
}

a.backtotop.fixed {
    bottom: 1em
}

a.backtotop.visible {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slideholder {
    overflow: hidden;
    position: relative
}

.slideholder > * {
    position: relative;
    white-space: nowrap;
    -webkit-transition: left 0x ease-out;
    -moz-transition: left 0x ease-out;
    -ms-transition: left 0x ease-out;
    -o-transition: left 0x ease-out;
    transition: left 0x ease-out
}

.slideholder .scrollbar {
    background: gray;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 1px #fff;
    -moz-box-shadow: 0 0 1px #fff;
    box-shadow: 0 0 1px #fff;
    position: absolute;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.slideholder .scrollbar.scrollbar-horizontal:hover {
    background: rgba(0, 0, 0, 0.5);
    height: 10px
}

.slideholder .scrollbar.scrollbar-shown {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}

.slideholder .scrollbar.scrollbar-horizontal {
    height: 7px;
    margin-left: 2px;
    bottom: 2px;
    left: 0
}

.slideholder .scrollbar.scrollbar-vertical {
    width: 7px;
    margin-top: 2px;
    right: 2px;
    top: 0
}

.mobile .slideholder.overflowed {
    padding-left: 20px;
    padding-right: 20px
}

.mobile .slideholder.overflowed .slider-arrow-left, .mobile .slideholder.overflowed .slider-arrow-right {
    background-color: rgba(255, 255, 255, 0.75);
    background-image: url(http://www.dolp.es/wp-content/plugins/touchcarousel-drew/sprite.svg);
    background-position: -30px 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%
}

.mobile .slideholder.overflowed .slider-arrow-right {
    right: 0;
    left: inherit;
    background-position: -150px 50%
}

@media screen and (max-width: 599px) {
    body > header {
        height: 70px;
        position: fixed;
        width: 100%;
        height: 45px;
        min-height: 45px;
        background: #224f74;
        z-index: 1000
    }

    body > header:after {
        display: none
    }

    body > header > section {
        background: none;
        display: block
    }

    body > header > section a.logo {
        margin-left: 35px;
        padding-top: 9px
    }

    .no-inlinesvg body > header > section a.logo img.blue {
        display: none
    }

    .no-inlinesvg body > header > section a.logo img.white {
        display: block
    }

    .inlinesvg body > header > section a.logo svg {
        height: 29px;
        width: 125px
    }

    .inlinesvg body > header > section a.logo svg path {
        fill: #fff
    }

    body > header form {
        background: #224f74
    }

    body > header form input {
        width: 94%;
        position: absolute;
        top: 5px;
        right: 2%
    }

    body > header form .searchresults {
        width: 100%;
        opacity: 1;
        border: none
    }

    body > header form .searchresults > div {
        border: none
    }

    body > header form .searchresults header {
        display: block;
        padding: 1.5% 3%;
        background: #027dae;
        color: #fff;
        font-size: 14px
    }

    body > header form .searchresults header a {
        color: #fff;
        text-decoration: none
    }

    body > nav.globalnav {
        top: 45px
    }

    body > nav.globalnav ul li {
        display: block;
        padding: 8px 0
    }

    body > nav.globalnav .dropdowncontainer .dropdown ul {
        margin-bottom: 20px
    }

    .content {
        margin-top: 92px
    }

    article h1 {
        margin-top: 30px
    }

    .contextual nav, .contextual section {
        margin-left: 2em
    }

    .contextual nav li.current_page_item > a:after, .contextual nav li.current_page_item > a:before {
        display: none
    }

    .navtoggle {
        cursor: pointer;
        background: #2e6a9b;
        display: block;
        height: 45px;
        left: 0;
        position: absolute;
        top: 0;
        width: 38px;
        z-index: 101
    }

    .navtoggle span {
        background: #FFFFFF;
        border-radius: 1em;
        display: block;
        height: 4px;
        left: 15%;
        position: absolute;
        top: 46%;
        width: 70%;
        z-index: 100
    }

    .navtoggle span:before, .navtoggle span:after {
        background: #FFFFFF;
        border-radius: 1em;
        content: "";
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        top: -7px;
        width: 100%
    }

    .navtoggle span:after {
        bottom: -7px;
        top: auto
    }

    .searchtoggle {
        cursor: pointer;
        display: block;
        width: 38px;
        height: 45px;
        right: 0;
        top: 0;
        position: absolute;
        background-color: #2e6a9b;
        background-image: url(http://www.dolp.es/css/images/search.png);
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1
    }

    .svg .searchtoggle {
        background-image: url(http://www.dolp.es/css/images/search.svg)
    }

    html {
        width: 100%;
        overflow-x: hidden
    }

    body {
        width: 100%;
        overflow-x: hidden
    }

    .msie10 body {
        height: 100%
    }

    .panelleft, .panelright {
        z-index: 2000;
        position: fixed;
        overflow: hidden;
        overflow-y: scroll;
        top: 0;
        left: -90%;
        width: 300px;
        max-width: 100%;
        height: 100%;
        padding: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .panelright {
        width: 90%;
        left: 100%
    }

    .panelrighttoggle, .panellefttoggle, .panelright, .panelleft {
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear
    }

    .panelslideleftout .panellefttoggle {
        left: 90%
    }

    .panelslideleftout .panelrighttoggle {
        right: -100%
    }

    .panelslideleftout .panelleft {
        left: 0%;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        overflow-x: visible
    }

    .panelslideleftout article {
        overflow-y: hidden
    }

    .panelsliderightout .panellefttoggle {
        left: -100%
    }

    .panelsliderightout .panelrighttoggle {
        right: 90%
    }

    .panelsliderightout .panelright {
        left: 10%;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5)
    }

    .panelsliderightout article {
        overflow-y: hidden
    }
}

@media screen and (max-width: 767px) {
    body > header > section a.logo {
        padding: 5px 0 5px 2%;
        width: 125px
    }

    body > header > section img {
        width: 100%;
        height: auto
    }

    body > nav.globalnav {
        top: 50px
    }

    body > nav.globalnav > ul li:first-child {
        margin-left: 2%
    }

    body > nav.globalnav .dropdowncontainer .dropdown {
        font-size: .9em
    }

    body > nav.globalnav .dropdowncontainer .dropdown header {
        white-space: normal
    }

    body > nav.globalnav .dropdowncontainer .dropdown .grid_1 {
        width: 46.0%
    }

    body > nav.globalnav .dropdowncontainer .dropdown .grid_1:nth-of-type(odd) {
        clear: left
    }

    .content {
        overflow: hidden
    }

    article {
        -webkit-text-size-adjust: none;
        text-size-adjust: none
    }

    article > header {
        margin: 0
    }

    article > header > img {
        width: 100%;
        height: auto;
        display: none
    }

    article aside {
        margin: .5em -5px;
        padding: .5em 10px;
        background: #eee
    }

    article aside header {
        margin: -.5em -10px 0 -10px;
        padding: 10px .5em
    }

    article aside section {
        padding: 1.5em .5em .5em
    }

    article img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        margin-top: 20px
    }

    article .tabs img {
        width: 100%
    }

    article figure figcaption {
        background-color: #eee;
        padding: 15px;
        font-size: .9em;
        margin-top: -27px;
        margin-bottom: 20px
    }

    article table {
        display: block;
        overflow-x: scroll
    }

    body > footer header {
        margin: 0
    }

    body > footer .smallhide {
        display: none
    }

    body > footer .vcard {
        padding-left: 4%;
        width: 90%
    }

    body > footer .vcard .adr {
        line-height: 1;
        display: block;
        width: 90%
    }

    body > footer .vcard .locality {
        display: block;
        clear: left;
        float: left;
        padding-right: .5em
    }

    body > footer .vcard .street-address {
        display: block;
        width: 90%
    }

    body > footer .vcard .region, body > footer .vcard .postal-code {
        float: left;
        padding-right: .5em
    }

    body > footer .followus {
        padding: 4% 0 0 2%
    }

    body > footer .grid_1 {
        padding-bottom: 2em
    }

    body > footer .grid_1.schools {
        width: 92%;
        padding-top: 25px;
        padding-left: 4%
    }

    body > footer .grid_1.schools li {
        display: block;
        float: left;
        width: 30%;
        font-weight: normal;
        margin-right: 0
    }

    body > footer .grid_1.schools li:nth-of-type(1) {
        width: 34%
    }

    body > footer .grid_1.schools li:nth-of-type(2) {
        width: 36%
    }

    body > footer .grid_1.schools li:nth-of-type(3) {
        width: 21%
    }

    body > footer .grid_1.schools li a {
        width: 100%;
        clear: none
    }

    body > footer .grid_1.quicklinks {
        width: 30%;
        margin-left: 6%
    }

    body > footer .grid_1.depts {
        width: 33%;
        margin: 0
    }

    body > footer .grid_1.services {
        width: 21%;
        margin: 0
    }

    article .orgchart .expand {
        width: auto
    }
}

@media screen and (max-width: 599px) and (orientation: portrait) {
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 {
        width: 96%
    }

    body > header > section a.logo {
        margin: 0 auto
    }

    .content {
        margin-top: 82px
    }

    article .with_frm_style input[type="text"], article .with_frm_style input[type="password"], article .with_frm_style input[type="email"], article .with_frm_style input[type="number"], article .with_frm_style input[type="url"], article .with_frm_style input[type="tel"], article .with_frm_style select, article .with_frm_style textarea, article .frm_form_fields_style, article .frm_form_fields_active_style, article .frm_form_fields_error_style {
        width: 100%
    }

    article .vidboxright {
        margin-top: 20px;
        width: 100%
    }
}

@media screen and (max-width: 599px) and (orientation: landscape) {
    .content {
        margin-top: 82px
    }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .container_6 .grid_1 {
        width: 29.333%
    }

    .container_6 .grid_2 {
        width: 62.667%
    }

    .container_6 .grid_3 {
        width: 96.0%
    }

    .container_6 .grid_4 {
        width: 29.333%
    }

    .container_6 .grid_5 {
        width: 62.667%
    }

    .container_6 .grid_6 {
        width: 96.0%
    }

    .container_5 .grid_1 {
        width: 29.333%
    }

    .container_5 .grid_2 {
        width: 62.667%
    }

    .container_5 .grid_3 {
        width: 96.0%
    }

    .container_5 .grid_4 {
        width: 46.0%
    }

    .container_5 .grid_5 {
        width: 96.0%
    }

    .container_4 .grid_1 {
        width: 46.0%
    }

    .container_4 .grid_2 {
        width: 96.0%
    }

    .container_4 .grid_3 {
        width: 46.0%
    }

    .container_4 .grid_4 {
        width: 96.0%
    }

    .container_3 .grid_1 {
        width: 29.333%
    }

    .container_3 .grid_2 {
        width: 62.667%
    }

    .container_3 .grid_3 {
        width: 96.0%
    }

    .container_2 .grid_1 {
        width: 46.0%
    }

    .container_2 .grid_2 {
        width: 96.0%
    }
}

@media screen and (min-width: 600px) {
    body > nav.globalnav {
        top: 95px;
        padding: 0 0 10px 0
    }

    .content {
        max-width: 1366px;
        margin: 0 auto
    }

    article.imageheader h1 {
        color: white;
        background-color: #235074;
        background-color: rgba(35, 80, 116, 0.75);
        position: absolute;
        bottom: 7px;
        left: 4%;
        padding: 5px 10px;
        margin: 0
    }

    article aside {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #ddd;
        float: right;
        margin: .5em -7px 1em 3em;
        padding: 0;
        width: 35%;
        display: block;
        line-height: 1.2;
        background: #fff;
        font-size: .85em;
        clear: right;
        z-index: 1;
        position: relative
    }

    article aside.small {
        width: 20%
    }

    article aside.green {
        background: #80AF78;
        background: linear-gradient(top, #80AF78, #355c2e);
        background: -webkit-gradient(linear, left top, left bottom, from(#80AF78), to(#355c2e));
        background: -moz-linear-gradient(top, #80AF78, #355c2e);
        border: none;
        color: white;
        border-radius: 6px;
        padding-bottom: .5em
    }

    article aside.green header {
        background: none;
        padding-bottom: 0
    }

    article aside article {
        line-height: 1.2
    }

    article aside header {
        margin-bottom: .5em;
        padding: .5em 7%
    }

    article aside.video header {
        margin-bottom: 0
    }

    article aside section {
        padding: .5em 7%
    }

    article .alignright, article .right {
        float: right;
        clear: right;
        margin: .5em 0 1.5em 2em
    }

    article .alignleft, article .left {
        float: left;
        margin: .5em 2em 1.5em 0
    }

    article img, article figure {
        margin: .5em 1em;
        border: 1px solid #fff;
        box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
        -khtml-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2)
    }

    article img[align=right], article img.alignright, article img.right, article figure[align=right], article figure.alignright, article figure.right {
        float: right;
        clear: right;
        margin: .25em 0 1.5em 2em
    }

    article img[align=left], article img.alignleft, article img.left, article figure[align=left], article figure.alignleft, article figure.left {
        float: left;
        margin: .25em 2em 1.5em 0
    }

    article img[align=center], article img.aligncenter, article img.center, article figure[align=center], article figure.aligncenter, article figure.center {
        clear: both;
        margin: 30px auto;
        display: block
    }

    article img.alignnone, article figure.alignnone {
        margin-left: 0
    }

    article img.noshadow, article figure img, article .twtr-doc img, article .gmsc img, article #tribe-events-event-meta img {
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -khtml-box-shadow: none;
        -webkit-box-shadow: none;
        filter: none
    }

    article img.rsImg {
        margin: 0;
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -khtml-box-shadow: none;
        -webkit-box-shadow: none;
        filter: none
    }

    article figure {
        width: 100%
    }

    article figure img {
        margin: 0;
        width: 100%;
        height: auto
    }

    article figure figcaption {
        font-size: .9em;
        line-height: 1.3;
        padding: .5em
    }

    article p img[align=right], article p img.right, article p img[align=left], article p img.left {
        margin-top: .25em
    }

    article .twtr-widget a img {
        margin: 0
    }

    article .twtr-widget h4 a {
        font-weight: bold
    }

    body > footer > section {
        line-height: 1.5
    }

    body > footer .leftoffset {
        padding: 0 0 0 5%
    }

    body > footer .top {
        padding: 2em 0
    }

    body > footer .services.grid_1, body > footer .quicklinks.grid_1, body > footer .depts.grid_1 {
        width: 11%;
        min-width: 104px
    }

    body > footer .services li, body > footer .quicklinks li, body > footer .depts li, body > footer .schools li {
        padding: .5em 0
    }

    body > footer .schools {
        min-width: 178px;
        margin-left: 0
    }

    body > footer .schools ul:after {
        content: "";
        height: 100px;
        top: 35px;
        right: 10px;
        display: block;
        position: absolute;
        border-right: 1px solid #224f74
    }

    body > footer .vcard {
        margin-left: 0;
        padding-top: .5em
    }

    body > footer .followus {
        margin-top: 0
    }

    body > footer .followus ul {
        margin: -.25em 0 0 0;
        width: 100%;
        text-align: right;
        float: right
    }

    .container_6 .grid_1 {
        width: 12.667%
    }

    .container_6 .grid_2 {
        width: 29.333%
    }

    .container_6 .grid_3 {
        width: 46.0%
    }

    .container_6 .grid_4 {
        width: 62.667%
    }

    .container_6 .grid_5 {
        width: 79.333%
    }

    .container_6 .grid_6 {
        width: 96.0%
    }

    .container_5 .grid_1 {
        width: 16.0%
    }

    .container_5 .grid_2 {
        width: 36.0%
    }

    .container_5 .grid_3 {
        width: 56.0%
    }

    .container_5 .grid_4 {
        width: 76.0%
    }

    .container_5 .grid_5 {
        width: 96.0%
    }

    .container_4 .grid_1 {
        width: 21.0%
    }

    .container_4 .grid_2 {
        width: 46.0%
    }

    .container_4 .grid_3 {
        width: 71.0%
    }

    .container_4 .grid_4 {
        width: 96.0%
    }

    .container_3 .grid_1 {
        width: 29.333%
    }

    .container_3 .grid_2 {
        width: 62.667%
    }

    .container_3 .grid_3 {
        width: 96.0%
    }

    .container_2 .grid_1 {
        width: 46.0%
    }

    .container_2 .grid_2 {
        width: 96.0%
    }
}

@media screen and (min-width: 600px) and (max-width: 960px) {
    body > nav.globalnav .dropdowncontainer .dropdown header {
        white-space: normal
    }

    body > nav.globalnav .dropdowncontainer .dropdown .grid_1 {
        width: 29.333%
    }

    body > nav.globalnav .dropdowncontainer .dropdown .grid_1:nth-of-type(4n) {
        clear: left
    }

    article > header > img {
        width: 100%;
        height: auto
    }
}

@media screen and (min-width: 600px) and (max-width: 959px) and (orientation: portrait) {
    body > header {
        height: 70px;
        position: fixed;
        width: 100%;
        height: 45px;
        min-height: 45px;
        background: #224f74;
        z-index: 1000
    }

    body > header:after {
        display: none
    }

    body > header > section {
        background: none;
        display: block
    }

    body > header > section a.logo {
        margin-left: 35px;
        padding-top: 9px
    }

    .no-inlinesvg body > header > section a.logo img.blue {
        display: none
    }

    .no-inlinesvg body > header > section a.logo img.white {
        display: block
    }

    .inlinesvg body > header > section a.logo svg {
        height: 29px;
        width: 125px
    }

    .inlinesvg body > header > section a.logo svg path {
        fill: #fff
    }

    body > header form {
        background: #224f74
    }

    body > header form input {
        width: 94%;
        position: absolute;
        top: 5px;
        right: 2%
    }

    body > header form .searchresults {
        width: 100%;
        opacity: 1;
        border: none
    }

    body > header form .searchresults > div {
        border: none
    }

    body > header form .searchresults header {
        display: block;
        padding: 1.5% 3%;
        background: #027dae;
        color: #fff;
        font-size: 14px
    }

    body > header form .searchresults header a {
        color: #fff;
        text-decoration: none
    }

    body > nav.globalnav {
        top: 45px
    }

    body > nav.globalnav ul li {
        display: block;
        padding: 8px 0
    }

    body > nav.globalnav .dropdowncontainer .dropdown ul {
        margin-bottom: 20px
    }

    .content {
        margin-top: 92px
    }

    article h1 {
        margin-top: 30px
    }

    .contextual nav, .contextual section {
        margin-left: 2em
    }

    .contextual nav li.current_page_item > a:after, .contextual nav li.current_page_item > a:before {
        display: none
    }

    .navtoggle {
        cursor: pointer;
        background: #2e6a9b;
        display: block;
        height: 45px;
        left: 0;
        position: absolute;
        top: 0;
        width: 38px;
        z-index: 101
    }

    .navtoggle span {
        background: #FFFFFF;
        border-radius: 1em;
        display: block;
        height: 4px;
        left: 15%;
        position: absolute;
        top: 46%;
        width: 70%;
        z-index: 100
    }

    .navtoggle span:before, .navtoggle span:after {
        background: #FFFFFF;
        border-radius: 1em;
        content: "";
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        top: -7px;
        width: 100%
    }

    .navtoggle span:after {
        bottom: -7px;
        top: auto
    }

    .searchtoggle {
        cursor: pointer;
        display: block;
        width: 38px;
        height: 45px;
        right: 0;
        top: 0;
        position: absolute;
        background-color: #2e6a9b;
        background-image: url(http://www.dolp.es/css/images/search.png);
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1
    }

    .svg .searchtoggle {
        background-image: url(http://www.dolp.es/css/images/search.svg)
    }

    html {
        width: 100%;
        overflow-x: hidden
    }

    body {
        width: 100%;
        overflow-x: hidden
    }

    .msie10 body {
        height: 100%
    }

    .panelleft, .panelright {
        z-index: 2000;
        position: fixed;
        overflow: hidden;
        overflow-y: scroll;
        top: 0;
        left: -90%;
        width: 90%;
        max-width: 100%;
        height: 100%;
        padding: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .panelright {
        width: 90%;
        left: 100%
    }

    .panelrighttoggle, .panellefttoggle, .panelright, .panelleft {
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear
    }

    .panelslideleftout .panellefttoggle {
        left: 90%
    }

    .panelslideleftout .panelrighttoggle {
        right: -100%
    }

    .panelslideleftout .panelleft {
        left: 0%;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        overflow-x: visible
    }

    .panelslideleftout article {
        overflow-y: hidden
    }

    .panelsliderightout .panellefttoggle {
        left: -100%
    }

    .panelsliderightout .panelrighttoggle {
        right: 90%
    }

    .panelsliderightout .panelright {
        left: 10%;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5)
    }

    .panelsliderightout article {
        overflow-y: hidden
    }

    .content {
        margin-top: 80px
    }

    body > nav.globalnav {
        padding: 0 0 0 0
    }

    article .person .academicinfo {
        width: 90%;
        float: none
    }

    article .person dt.academicinfo {
        margin-top: 10px
    }

    article .person dd.academicinfo {
        margin-bottom: 10px
    }

    .panelleft {
        width: 50%;
        left: -50%
    }

    .panelslideleftout .panellefttoggle {
        left: 50%
    }

    .panelslideleftout .panelrighttoggle {
        right: 0
    }

    .panelslideleftout .panelleft {
        left: 0%
    }

    .panelright {
        width: 50%
    }

    .panelsliderightout .panellefttoggle {
        left: 0
    }

    .panelsliderightout .panelrighttoggle {
        right: 50%
    }

    .panelsliderightout .panelright {
        left: 50%
    }

    body > header > section a.logo {
        padding-left: 2%;
        width: 125px
    }

    body > header > section img {
        width: 100%;
        height: auto
    }

    .content {
        overflow: hidden
    }

    body > nav.globalnav {
        padding: 0 0 0 0
    }

    .content {
        margin-top: 80px
    }
}

@media screen and (min-width: 600px) and (max-width: 959px) and (orientation: landscape) {
    body > header {
        height: 70px;
        position: fixed;
        width: 100%;
        height: 45px;
        min-height: 45px;
        background: #224f74;
        z-index: 1000
    }

    body > header:after {
        display: none
    }

    body > header > section {
        background: none;
        display: block
    }

    body > header > section a.logo {
        margin-left: 35px;
        padding-top: 9px
    }

    .no-inlinesvg body > header > section a.logo img.blue {
        display: none
    }

    .no-inlinesvg body > header > section a.logo img.white {
        display: block
    }

    .inlinesvg body > header > section a.logo svg {
        height: 29px;
        width: 125px
    }

    .inlinesvg body > header > section a.logo svg path {
        fill: #fff
    }

    body > header form {
        background: #224f74
    }

    body > header form input {
        width: 94%;
        position: absolute;
        top: 5px;
        right: 2%
    }

    body > header form .searchresults {
        width: 100%;
        opacity: 1;
        border: none
    }

    body > header form .searchresults > div {
        border: none
    }

    body > header form .searchresults header {
        display: block;
        padding: 1.5% 3%;
        background: #027dae;
        color: #fff;
        font-size: 14px
    }

    body > header form .searchresults header a {
        color: #fff;
        text-decoration: none
    }

    body > nav.globalnav {
        top: 45px
    }

    body > nav.globalnav ul li {
        display: block;
        padding: 8px 0
    }

    body > nav.globalnav .dropdowncontainer .dropdown ul {
        margin-bottom: 20px
    }

    .content {
        margin-top: 92px
    }

    article h1 {
        margin-top: 30px
    }

    .contextual nav, .contextual section {
        margin-left: 2em
    }

    .contextual nav li.current_page_item > a:after, .contextual nav li.current_page_item > a:before {
        display: none
    }

    .navtoggle {
        cursor: pointer;
        background: #2e6a9b;
        display: block;
        height: 45px;
        left: 0;
        position: absolute;
        top: 0;
        width: 38px;
        z-index: 101
    }

    .navtoggle span {
        background: #FFFFFF;
        border-radius: 1em;
        display: block;
        height: 4px;
        left: 15%;
        position: absolute;
        top: 46%;
        width: 70%;
        z-index: 100
    }

    .navtoggle span:before, .navtoggle span:after {
        background: #FFFFFF;
        border-radius: 1em;
        content: "";
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        top: -7px;
        width: 100%
    }

    .navtoggle span:after {
        bottom: -7px;
        top: auto
    }

    .searchtoggle {
        cursor: pointer;
        display: block;
        width: 38px;
        height: 45px;
        right: 0;
        top: 0;
        position: absolute;
        background-color: #2e6a9b;
        background-image: url(http://www.dolp.es/css/images/search.png);
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1
    }

    .svg .searchtoggle {
        background-image: url(http://www.dolp.es/css/images/search.svg)
    }

    html {
        width: 100%;
        overflow-x: hidden
    }

    body {
        width: 100%;
        overflow-x: hidden
    }

    .msie10 body {
        height: 100%
    }

    .panelleft, .panelright {
        z-index: 2000;
        position: fixed;
        overflow: hidden;
        overflow-y: scroll;
        top: 0;
        left: -90%;
        width: 90%;
        max-width: 100%;
        height: 100%;
        padding: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .panelright {
        width: 90%;
        left: 100%
    }

    .panelrighttoggle, .panellefttoggle, .panelright, .panelleft {
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear
    }

    .panelslideleftout .panellefttoggle {
        left: 90%
    }

    .panelslideleftout .panelrighttoggle {
        right: -100%
    }

    .panelslideleftout .panelleft {
        left: 0%;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        overflow-x: visible
    }

    .panelslideleftout article {
        overflow-y: hidden
    }

    .panelsliderightout .panellefttoggle {
        left: -100%
    }

    .panelsliderightout .panelrighttoggle {
        right: 90%
    }

    .panelsliderightout .panelright {
        left: 10%;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5)
    }

    .panelsliderightout article {
        overflow-y: hidden
    }

    .panelleft {
        width: 50%;
        left: -50%
    }

    .panelslideleftout .panellefttoggle {
        left: 50%
    }

    .panelslideleftout .panelrighttoggle {
        right: 0
    }

    .panelslideleftout .panelleft {
        left: 0%
    }

    .panelright {
        width: 50%
    }

    .panelsliderightout .panellefttoggle {
        left: 0
    }

    .panelsliderightout .panelrighttoggle {
        right: 50%
    }

    .panelsliderightout .panelright {
        left: 50%
    }

    body > header > section a.logo {
        padding-left: 2%;
        width: 125px
    }

    body > header > section img {
        width: 100%;
        height: auto
    }

    .content {
        overflow: hidden
    }

    body > nav.globalnav {
        padding: 0 0 0 0
    }

    .content {
        margin-top: 80px
    }
}

@media screen and (min-width: 960px) {
    body > header > section {
        position: relative;
        max-width: 1366px;
        margin: 0 auto;
        padding: 0;
        min-height: 100px
    }

    .content .contentwrapper {
        float: right;
        width: 80%
    }

    .content .contentwrapper.fullwidth {
        width: 100%;
        float: none
    }

    .content .contentwrapper.fullwidth article, .content .contentwrapper.fullwidth .articlebody {
        padding-left: 0;
        padding-right: 0
    }

    .content .contextual {
        width: 19%;
        padding: 0 0 0 1%;
        display: block;
        float: left;
        overflow: visible
    }

    header > section form input {
        width: 373px;
        position: absolute;
        top: 25px;
        z-index: 2;
        right: 14px
    }

    header > section form .searchresults {
        top: 56px;
        right: 14px;
        background: #027dae;
        width: 490px
    }

    header > section form .searchresults > div {
        width: 377px;
        float: right
    }

    header > section form .searchresults > div:first-child, header > section form .searchresults > div:first-child > header {
        border-top: 0 none
    }

    header > section form .searchresults header {
        position: absolute;
        width: 100px;
        padding: 9px 7px;
        left: -114px;
        top: -1px;
        text-align: right;
        border-top: 1px solid #80CCCC;
        color: #fff
    }

    header > section form .searchresults header a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        display: block
    }

    header > section form .searchresults header, header > section form .searchresults .searchall {
        margin: 0;
        display: block
    }

    header > section form .searchresults > .searchall {
        background: #397a2e;
        background: #436f3f
    }
}

@media screen and (min-width: 1475px) {
    .content {
        overflow: visible
    }

    article aside {
        box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1);
        -khtml-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1);
        margin-right: -10%
    }
}

#jr_overlay {
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 200;
    position: absolute
}

#jr_wrap {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 300;
    padding: 0;
    margin: 0
}

#jr_inner {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 12px;
    background: #FFF;
    border: 1px solid #CCC;
    color: #4f4f4f;
    margin: 0 auto;
    height: auto;
    padding: 20px;
    position: relative
}

#jr_header {
    display: block;
    color: #333;
    padding: 5px;
    padding-bottom: 0;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 1.3em;
    margin-bottom: .5em
}

#jr_inner p {
    text-align: left;
    padding: 5px;
    margin: 0
}

#jr_inner ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#jr_inner ul li {
    cursor: pointer;
    float: left;
    width: 120px;
    height: 122px;
    margin: 0 10px 10px 10px;
    padding: 0;
    text-align: center
}

#jr_inner li a {
    color: #333;
    font-size: .8em;
    text-decoration: none;
    padding: 0;
    margin: 0
}

#jr_inner li a:hover {
    text-decoration: underline
}

#jr_inner .jr_icon {
    width: 100px;
    height: 100px;
    margin: 1px auto;
    padding: 0;
    background: transparent no-repeat scroll left top;
    cursor: pointer
}

#jr_close {
    margin: 0 0 0 50px;
    clear: both;
    text-align: left;
    padding: 0;
    margin: 0
}

#jr_close a {
    color: #000;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    text-decoration: underline
}

#jr_close p {
    padding: 10px 0 0 0;
    margin: 0
}

@media print {
    body header > section {
        padding: 0;
        margin: 0
    }

    body header > section a.logo {
        padding: 0
    }

    body header > section a.logo img.nosvg.white, body header > section a.logo img.svg.white, body header > section a.logo img.nosvg.blue, body header > section a.logo img.svg.blue {
        display: none
    }

    .nosvg body header > section a.logo img.nosvg.blue {
        display: block
    }

    .svg body header > section a.logo img.svg.blue {
        display: block
    }

    body .content {
        padding: 0;
        margin: 0
    }

    body .content .contentwrapper {
        padding: 0;
        margin: 0
    }

    body .content .contentwrapper article {
        padding: 0;
        font-size: 12px
    }

    body .content .contentwrapper article h1 {
        margin-top: 0
    }

    body .content .contentwrapper article.imageheader h1 {
        color: #000;
        background-color: #fff;
        background-color: rgba(35, 80, 116, 0.75);
        position: absolute;
        bottom: 0;
        left: 4%;
        padding: 5px 10px;
        margin: 0
    }

    body .content .contentwrapper article aside {
        width: 35%;
        float: right;
        margin: 0 0 1em 4em;
        box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        -khtml-box-shadow: 0 0 0 0;
        -webkit-box-shadow: 0 0 0 0
    }

    body .content .contentwrapper article a[href]::after {
        content: " (" attr(href) ") "
    }

    body > footer {
        padding: 0;
        margin: 0
    }

    body > footer .bottom {
        padding: 0;
        margin: 0
    }

    body > footer .bottom *, body > footer .bottom a, body > footer .bottom .fn, body > footer .bottom .tel {
        color: #000
    }

    body > nav.globalnav, body > header form, body .contextual, body > footer .top {
        display: none
    }
}

.articlebody {
    font: "Times New Roman", Times, serif
}

.col-md-6,
{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;

}

.row {
    margin-right: -15px;
    margin-left: -15px;

}

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

.row:after {
    clear: both;
}

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

.row:after {
    clear: both;
}

.col-md-12 {
    width: 100%;
}

.col-md-6,
.col-md-12,
{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;

}

.col-md-6,
.col-md-12 {
    float: left;
}

/*# sourceMappingURL=style.css.map */