@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300);
@import url(http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

/** GLOBALS **/
body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #575757;
    font-size: 1em;
}

#content .ui-widget {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

#content .ui-widget-content {
    color: #575757;
}

ul, li, p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

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

#content {
    overflow: hidden;
}

.wrapper, #content {
    position: relative;
    margin: 0 auto;
}

.wrapper.content, #content {
    padding: 16px 16px 32px 16px;
    font-weight: 300;
}
.front #content {
    padding: 0;
    font-weight: 300;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

a:hover {
    text-decoration: underline;
}

#hoverNav a, #frameHoverNav a {
    -webkit-transition: none 0.2s ease;
    -moz-transition: none 0.2s ease;
    -o-transition: none 0.2s ease;
    transition: none 0.2s ease;
}

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

#content {overflow: inherit;}

.content a, #content a {
    color: #575757;
    text-decoration: underline;
}

.content a:hover, #content a:hover {
    color: #feb61d;
}

/* breadcrumb, h1  styles */
.page-title { /* default */
    height: 48px;
    border-top: 4px solid #feb926;
    background: #f0f0f0;
    /*padding-left: 24px;*/
}

.page-title .wrapper {
    padding: 0 16px 0 16px;
    font-weight: 300;
}

@media screen and (min-width: 1032px) {
    .wrapper {
        width: 1032px;
    }

    .wrapper.content, #content {
        padding: 18px 24px 48px 24px;
        width: 984px;
    }
    .front .wrapper.content, #content {
        padding: 0;
        width: 984px;
    }

    .page-title .wrapper {
        width: 984px;
        padding: 0 24px 0 24px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1079px) {
    .wrapper {
        width: 984px;
    }

    .wrapper.content, #content {
        padding: 18px 20px 48px 20px;
        width: 964px;
    }

    .page-title .wrapper {
        width: 964px;
        padding: 0 20px 0 20px;
    }
}

@media screen and (min-width: 970px) and (max-width: 1023px) {
    .wrapper.content, #content {
        padding: 18px 20px 48px 20px;
        width: 910px;
    }

    .page-title .wrapper {
        width: 910px;
        padding: 0 20px 0 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 969px) {
    .wrapper {
        width: 728px;
    }

    .wrapper.content, #content {
        padding: 18px 20px 48px 20px;
        width: 708px;
    }

    .page-title .wrapper {
        width: 708px;
        padding: 0 20px 0 20px;
        font-weight: 300;
    }
}

.visita .page-title { /* channel 1, "visita" */
    border-color: #a00233;
}

.arte .page-title { /* channel 2, "arte" */
    border-color: #00498e;
}

.museo .page-title {
    border-color: #fb8a10;
}

.crumb-sep, .breadcrumb b  { /* bullet breadcrumb separator */
    color: #fb8a10;
}

.visita .crumb-sep {
    color: #a00233;
}

.arte .crumb-sep {
    color: #00498e;
}

h1 {
    color: #838383;
    font-size: 22px;
}

.page-title h1, .breadcrumb li {
    line-height: 48px;
}

h2 {
    font-size: 20px;
    padding-bottom: 10px;
}

h2.border-bottom, h2 u {
    border-bottom: 1px #feb825 solid;
    margin-bottom: 10px;
}

h2 u {
    display: block;
    text-decoration: none;
    padding-bottom: 10px;
    margin-bottom: 0;
}

h3 {
    font-size: 18px;
}

h4 {
   font-size: 15px;
   padding-bottom: 4px;
}

.heading-icon { /* headings with icons */
    padding-top: 3px;
    padding-left: 36px;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
}

h4.heading-icon {
    padding-top: 1px;
    padding-left: 30px;
}

/* different icons */
.hanger {
    background-position: 0 -98px;
}

.camera {
    background-position: 0 -150px;
}

.no-smoking {
    background-position: 0 -200px;
}

.phone {
    background-position: 0 -250px;
}

.food, .restaurant {
    background-position: 0 -300px;
}

.first-aid {
    background-position: 0 -350px;
}

.exhibition {
    background-position: 0 -400px;
}

.institution {
    background-position: 0 -450px;
}

.education {
    background-position: 0 -500px;
}

.handicap {
    background-position: 0 -550px;
}

.family {
    background-position: 0 -600px;
}

.general-public {
    background-position: 0 -650px;
}

.workshop {
    background-position: 0 -700px;
}

.garden {
    background-position: 0 -750px;
}

.ticket {
    background-position: 0 -800px;
}

.info {
    background-position: 0 -850px;
}

.office {
    background-position: 0 -900px;
}

.theater {
    background-position: 0 -950px;
}

.store {
    background-position: 0 -1000px;
}

.research {
    background-position: 0 -1050px;
}

.gallery {
    background-position: 0 -1100px;
}

.hall {
    background-position: 0 -1150px;
}

.time {
    background-position: 0 -1250px;
    display: none;
}

.date {
    background-position: 0 -1200px;
}

.dog {
    background-position: 0 -1298px;
}

.stroller {
    background-position: 0 -1346px;
}

.lost-and-found {
    background-position: 0 -1396px;
}

.rules {
    background-position: 0 -1445px;
}

.gallery-services {
    background-position: 0 -1548px;
}

/* small icons */
.with-icon {
    padding-left: 22px;
    background-image: url(../img/small-icon-sprite.png);
    background-repeat: no-repeat;
}

.with-icon.date {
    background-position: 0 -904px;
}

.with-icon.time {
    background-position: 0 -943px;
}

.with-icon.exhibition {
    background-position: 0 -246px;
}

.with-icon.education {
    background-position: 0 -328px;
}

.with-icon.family, .with-icon.children-and-family {
    background-position: 0 -410px;
}

.with-icon.general-public, .with-icon.youth-and-adults {
    background-position: 0 -454px;
}

.with-icon.students-and-teachers {
    background-position: 1px -204px;
}

.with-icon.institution, .with-icon.guided-tour, .with-icon.institutional-event {
    background-position: 0 -288px;
}

.with-icon.handicap, .with-icon.disabled-visitors {
    background-position: 3px -369px;
}

.with-icon.workshop {
    background-position: 0 -492px;
}

.with-icon.office {
    background-position: 0 -658px;
}

.with-icon.investigation {
    background-position: 0 -782px;
}

.with-icon.gallery {
    background-position: 0 -822px;
}

.with-icon.hall {
    background-position: 0 -862px;
}

.with-icon.theater {
    background-position: 0 -699px;
}

.with-icon.ticket {
    background-position: 0 -576px;
}

.with-icon.book-reading {
    background-position: 1px -165px;
}

p {
    font-size: 15px;
    padding: 0 0 16px 0;
}

p.smaller, p small {
    font-size: 13px;
}

p i, h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
    color: #fb8a10;
}

table {
    font-size: 15px;
    margin-bottom: 16px;
}
.fees {
    width: 100%;
}
.fees tr {
    border-bottom: 1px solid #ccc;
    width: 100%;
}
.mega-menu .col.last {
    width: 250px;
}


.orange, .content a.orange, #content a.orange { /* class used to make text on anything orange */
    color: #fb8a10;
}

.orange-bg, .content a.orange-bg, #content a.orange-bg { /* class used to give rounded orange background to custom-made icons, i.e. "P" */
    background-color: #fb8a10;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    font-size: 80%;
}

.yellow, .content a.yellow, #content a.yellow { /* class used to make text on anything yellow */
    color: #febc2f;
}

.content ul, #content ul {
    list-style: none;
    padding: 0 0 20px 0;
}

.content li, #content li {
    font-size: 14px;
    padding: 0 0 0 9px;
    margin-bottom: 4px;
    background: url(../img/bullet-li.png) no-repeat left 8px;
}

#content ol {
    margin-left: 20px;
    padding: 0 0 20px 0;
    background: none;
    padding-left: 0;
}

#content ol li {
    background: none;
    padding-left: 0;
}

#content li ul {
    padding: 5px 0 0 20px;
}

#content li ul li {
    background: none;
    list-style: circle;
    padding-left: 0;
}

/*.content li:before {
    content: "\2022\ ";
    color: #fb8a10;
}*/

/*.lt-ie8 .content li {
    padding-left: 9px;
    background: url(../img/bullet-ie7.png) no-repeat left center;
}*/

/* button styles */
.content .btn a, #content .btn a {
    color: #fff;
    background-color: #febd34;
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
}

.content .btn a:hover, #content .btn a:hover {
    text-decoration: none;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}

.content .btn a .icon-chevron-right, #content .btn a .icon-chevron-right {
    padding: 0 0 0 12px;
}

.content .btn a .icon-chevron-left, #content .btn a .icon-chevron-left {
    padding: 0 8px 0 0;
}

.btn-medium a {
    height: 26px;
    line-height: 26px;
    padding: 0 36px 0 12px;
    background: url(../img/btn-bg.png) no-repeat right center;
}

.btn-large a {
    height: 33px;
    line-height: 33px;
    padding: 0 40px 0 18px;
    background: url(../img/btn-bg.png) no-repeat right center;
}

.back-holder .btn-medium a {
    padding: 0 14px 0 27px;
    background: url(../img/back-btn-bg.png) no-repeat left center;
}

/* pager styles */
.pager {
    float: right;
    padding-top: 20px !important;
    position: relative;
}

.pager li {
    background-image: none !important;
}

.pager .ajax-progress-throbber {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -30px;
}

.item-list .pager li {
    margin: 0;
}

.content .btn-pager a, #content .btn-pager a {
    width: 48px;
    height: 26px;
    display: inline-block;
    text-align: left;
    line-height: 24px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.content .btn-pager a .icon-chevron-right, .content .btn-pager a .icon-chevron-left, #content .btn-pager a .icon-chevron-right, #content .btn-pager a .icon-chevron-left {
    padding: 0;
}

.pager-info, #content .pager-current {
    float: left;
    font-size: 12px;
    /*vertical-align: bottom;*/
    /*padding-right: 16px;*/
    font-weight: normal;
    line-height: 12px;
    height: 12px;
    padding-top: 26px;
}

/* button holders for alignment purposes */
.back-holder {
    /*padding: 0 0 18px 0;*/
}

.node-type-artist .back-holder, .node-type-artwork .back-holder {
    padding-bottom: 18px;
}

.btn-holder {
    /*padding-top: 20px;*/
}

.btn-holder.right-align {
    text-align: right;
}

/* generic left float */
@media screen and (min-width: 1032px) {
    .left {
        float: left;
    }

    /* generic right float */
    .right, .info-right {
        float: right;
    }
}

/* flexslider styles */
.flexslider {
    float: left;
    border: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);
    -o-box-shadow: 0 0px 0px rgba(0,0,0,.2);
    box-shadow: 0 0px 0px rgba(0,0,0,.2);
}

.flexslider:hover .flex-next,
.flexslider:hover .flex-prev {
    opacity: 1;
}

.flexslider ul {
    padding: 0;
}

.content .flex-direction-nav a, .flex-direction-nav a, #content .flex-direction-nav a, .page-home .flex-direction-nav a {
    display: block;
    width: 20px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    cursor: pointer;
    background-image: url(../img/flexslider.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #fff;
    text-shadow: none;
    text-align: center;
    line-height: 40px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#content .flex-direction-nav .flex-prev, .page-home .flex-direction-nav .flex-prev {
    left: 10px;
}

#content .flex-direction-nav .flex-next, .page-home .flex-direction-nav .flex-next {
    right: 10px;
    text-align: center;
    background-position: -21px 0;
}

#content .flexslider .flex-prev, .page-home .flexslider .flex-prev {
    left: 10px;
}

#content .flexslider .flex-next, .page-home .flexslider .flex-next {
    right: 10px;
}

#content .flexslider .flex-next:hover, #content .flexslider .flex-prev:hover, .page-home .flexslider .flex-next:hover, .page-home .flexslider .flex-prev:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#content .flexslider ul, .page-home .flexslider ul {
    padding: 0;
}

.flex-direction-nav .flex-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5 !important;
    -khtml-opacity: 0.5 !important;
    opacity: 0.5 !important;
    cursor: default;
}

.flex-direction-nav .flex-disabled:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
}

.flex-direction-nav a:before  {
    font-family: "FontAwesome";
    font-size: 40px;
    display: inline-block;
    content: '\f104';
}

.flex-direction-nav a.flex-next:before  {
    content: '\f105';
}

.content .flexslider li, #content .flexslider li, .page-home .flexslider li {
    padding: 0;
    background: none;
    margin: 0;
}

#content .flexslider .flex-control-nav {
    margin: 0;
}

.flexslider .flex-control-nav li, #content .flexslider .flex-control-nav li {
    margin: 0 6px;
}

.content .flexslider li:before, #content .flexslider li:before, .page-home .flexslider li:before {
    content: "";
}

/* slider with thumbnails styles */
.node-type-activity .flexslider, .node-type-artist .flexslider { /* slider */
    width: 100%;
    margin-bottom: 16px;
}

.node-type-activity .flexslider img, .node-type-artist .flexslider img { /* slider */
    width: auto;
    display: inline;
}

.node-type-activity .flexslider li a, .node-type-artist .flexslider li a { /* slider */
    /*display: block;*/
    text-align: center;
    /*width: 100%;*/
}

.entity-detail .flexslider .slides li a, .node-type-activity .flexslider .slides li a, .node-type-artist .flexslider li a {
    /*display: block;*/
    position: relative;
    /*overflow: hidden;*/
}

.node-type-artist #content #flexslider-1 li, .node-type-activity #content #flexslider-1 li {
    text-align: center;
}

.node-type-activity .flexslider li a, .node-type-artist .flexslider li a {
    display: inline-block;
    width: auto;
    overflow: visible;
    max-width: 100%;
}

.node-type-artist #content .flex-direction-nav a {
    top: 160px;
    margin-top: 0;
}

.lightbox-icon {
    display: block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    position: absolute;
    /*right: 50%;*/
    /*bottom: 0;*/
    top: 0;
    right: 0;
    /*margin-right: -16px;*/
    /*left: 50%;
    margin-left: -16px;*/
    background: url(../img/flexslider.png) no-repeat 0 -187px;
}

.node-type-artist .lightbox-icon {
    /*top: 327px;*/
}

#imageDataContainer {
    margin-top: -1px;
}

.carousel, .view-display-id-panel_pane_2 #flexslider-2 {
    padding: 0 21px;
    width: 318px !important;
    overflow: hidden;
    height: 62px;
}

.content .carousel li, #content .carousel li,  #content .view-display-id-panel_pane_2 #flexslider-2 li, .node-type-artwork #content #flexslider-1 li {
    margin-right: 2px;
    cursor: pointer;
}

.carousel li img, .view-display-id-panel_pane_2 #flexslider-2 li img {
    height: 62px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    width: 103px;
}

.carousel li img:hover, .carousel .flex-active-slide img, .view-display-id-panel_pane_2 #flexslider-2 .flex-active-slide img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.carousel .flex-direction-nav a, .view-display-id-panel_pane_2 #flexslider-2 .flex-direction-nav a {
    height: 62px;
    top: 0;
    margin-top: 0;
    line-height: 62px;
}

.carousel .flex-direction-nav a:before, .view-display-id-panel_pane_2 #flexslider-2 .flex-direction-nav a:before  {
    font-size: 20px;
}

.carousel .flex-direction-nav .flex-prev, .carousel .flex-direction-nav .flex-next, .carousel .flex-direction-nav .flex-disabled, .view-display-id-panel_pane_2 #flexslider-2 .flex-direction-nav .flex-prev, .view-display-id-panel_pane_2 #flexslider-2 .flex-direction-nav .flex-next, .view-display-id-panel_pane_2 #flexslider-2 .flex-direction-nav .flex-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;

    background-position: 0 -221px;
}

.carousel .flex-direction-nav .flex-prev, .view-display-id-panel_pane_2 #flexslider-2 .flex-direction-nav .flex-prev, .node-type-artwork #flexslider-1 .flex-direction-nav .flex-prev {
    left: 0;
}

.carousel .flex-direction-nav .flex-next, .view-display-id-panel_pane_2 #flexslider-2 .flex-direction-nav .flex-next, .node-type-artwork #flexslider-1 .flex-direction-nav .flex-next {
    right: 0;
    background-position: -21px -221px;
}

/* typical page banner */
.banner, .field-name-field-channel-banner {
    padding: 0 0 25px 0;
}

/* banner slider styles */
.banner.flexslider {
    width: 984px;
}

.view-slideshow .flexslider {
    margin-bottom: 16px;
}

.flex-control-nav, #content .flex-control-nav {
    bottom: 40px;
    line-height: 1em;
    padding-bottom: 0;
}

.flex-control-paging li a {
    background: #fff;
    color: #fff;
}

.flex-control-paging li a.flex-active {
    background: #febc2f;
    color: #febc2f;
}

@media (max-width: 767px) {
    #content .flexslider .flex-control-nav {
        display: none;
    }
    .front #content {
    margin-bottom: -35px;
}
}

/** NEWS **/
.news-item {
    padding-bottom: 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.news-item h3, .news-item p {
    padding-bottom: 0;
}

.news-item p {
    font-size: 14px;
}

.news-item .date-display-single {
    font-size: 13px;
    font-weight: 500;
    display: block;
}

.news-item a {
    font-size: 14px;
}

.news-item h3 a {
    font-size: 18px;
}

.news-item .more-link {
    text-align: left;
    margin-top: 10px;
}

.news-item .more-link a {
    color: #fff !important;
    background-color: #febd34;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none !important;
    padding: 4px 10px;
}

.node-type-news .date-display-single {
    font-size: 13px;
    display: block;
    text-decoration: underline;
    padding-bottom: 16px;
}

.node-type-news .field-name-field-images {
    /*padding-top: 20px;*/
    overflow: hidden;
}

.node-type-news .field-name-field-images .field-item {
    float: left;
    padding: 20px 20px 0 0;
    /*padding-right: 20px;
    margin-top: 20px;*/
}

.node-type-news .field-name-field-images .field-item img {
    border: 1px #bfbfbf solid;
}

.node-type-news h1 {
    /*font-size: 20px;*/
    line-height: 24px;
    padding-bottom: 20px;
}


/** FORMS **/
.webform-client-form .form-item {
    margin-top: 0;
}

.webform-component label {
    font-size: 14px;
    padding-bottom: 5px;
    font-weight: 500;
}

.webform-component .form-text {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 6px;
    width: 50%;
}

.webform-component .form-text.form-number {
    width: 20%;
}

.webform-component .form-select {
    font-size: 14px;
}

.webform-component textarea {
    font-size: 14px;
    padding: 6px;
    width: 50%;
    display: block;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

.webform-client-form .form-submit {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 40px 0 18px;
    background: #febd34 url(../img/btn-bg.png) no-repeat right center;
    text-align: left;
    border: 0;
}

.webform-client-form .fieldset-legend {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 16px;
    display: block;
}

.form-type-checkbox {
    padding-bottom: 6px;
}

#content .messages.error {
    border-color: #ed1f24;
    color: #575757;
    font-weight: 700;
    background: url(../img/form_error.png) no-repeat 15px 15px;
    background-color: #fbcecf;
}

#content .messages.error ul {
    padding-bottom: 0;
    padding-left: 0;
    margin: 0;
}

#content .webform-confirmation {
    border: 1px #0a6308 solid;
    color: #575757;
    font-weight: 700;
    font-size: 18px;
    background: url(../img/form_success.png) no-repeat 15px 15px;
    background-color: #c9ddc9;
    padding: 15px 50px;
    margin-bottom: 20px;
}

#content .webform-confirmation {
    font-size: 18px;
    padding-bottom: 0;
}

/* volunteers */
#webform-component-disponibilidad .webform-component-checkboxes,
#webform-component-availability .webform-component-checkboxes {
    float: left;
    width: 90px;
    padding: 0 10px 0 20px;
    border-left: 1px #dcdcdc solid;
}

#webform-component-disponibilidad #webform-component-disponibilidad--lunes,
#webform-component-availability #webform-component-availability--monday {
    border-left: 0;
    padding-left: 0;
}

#webform-component-disponibilidad .webform-component-checkboxes .form-type-checkbox,
#webform-component-availability .webform-component-checkboxes .form-type-checkbox {
    display: block;
    width: 100%;
}

#webform-component-informacion-general--nombre,
#webform-component-informacion-general--apellidos,
#webform-component-general-information--name,
#webform-component-general-information--last-names {
    float: left;
    width: 25%;
}

#webform-component-informacion-general--inicial,
#webform-component-general-information--initial {
    float: left;
    width: 10%;
    margin: 0 20px;
}

#webform-component-informacion-general--nombre .form-text,
#webform-component-informacion-general--inicial .form-text,
#webform-component-informacion-general--apellidos .form-text,
#webform-component-general-information--name .form-text,
#webform-component-general-information--initial .form-text,
#webform-component-general-information--last-names .form-text  {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#webform-component-informacion-general--direccion-linea-1,
#webform-component-general-information--address-1 {
    clear: both;
}

#webform-component-informacion-general--codigo-postal .form-text,
#webform-component-informacion-general--telefono .form-text,
#webform-component-general-information--zip-code .form-text,
#webform-component-general-information--phone .form-text {
    width: 10%;
}

#webform-component-informacion-general--estado-provincia .form-text,
#webform-component-informacion-general--ciudad .form-text,
#webform-component-informacion-general--pais .form-text,
#webform-component-general-information--state-province .form-text,
#webform-component-general-information--city .form-text,
#webform-component-general-information--country .form-text {
    width: 20%;
}

/* guided tours */
#webform-client-form-166 #webform-component-informacion-general--apellidos,
#webform-component-general-information--last-names {
    margin-left: 20px;
}

#webform-component-informacion-general--escuela---empresa,
#webform-component-general-information--school---company {
    clear: both;
}

#webform-component-informacion-general--direccion-fisica--estado-provincia .form-text,
#webform-component-informacion-general--direccion-fisica--ciudad .form-text,
#webform-component-informacion-general--direccion-fisica--pais .form-text,
#webform-component-general-information--physical-address--city .form-text,
#webform-component-general-information--physical-address--state-province .form-text,
#webform-component-general-information--physical-address--country .form-text {
    width: 20%;
}

#webform-component-codigo-postal .form-text,
#webform-component-telefono .form-text,
#webform-component-celular .form-text,
#webform-component-fax .form-text,
#webform-component-zip-code .form-text,
#webform-component-phone .form-text,
#webform-component-mobile .form-text {
    width: 10%;
}

#webform-component-fecha-deseada-para-el-recorrido-opcion-1,
#webform-component-fecha-deseada-para-el-recorrido-opcion-2,
#webform-component-hora-de-inicio-del-recorrido,
#webform-component-hora-de-finalizacion-del-recorrido,
#webform-component-date-for-the-tour-option-1,
#webform-component-date-for-the-tour-option-2,
#webform-component-time-to-begin-the-tour,
#webform-component-time-to-end-the-tour {
    float: left;
    width: 40%;
}

#webform-component-idioma-de-la-visita-guiada,
#webform-component-language-for-the-guided-tour {
    clear: both;
}

#webform-component-favor-indique-cantidad-de-personas .webform-component,
#webform-component-please-select-the-how-many-attendees .webform-component {
    float: left;
    width: 25%;
    padding-right: 25px;
}

#webform-component-favor-indique-cantidad-de-personas .webform-component .form-number,
#webform-component-please-select-the-how-many-attendees .webform-component .form-number {
    width: 90%;
}

#webform-component-favor-indique-cantidad-de-personas--total-de-personas label,
#webform-component-favor-indique-cantidad-de-personas--total-de-personas span,
#webform-component-please-select-the-how-many-attendees--total-of-people-in-the-group label,
#webform-component-please-select-the-how-many-attendees--total-of-people-in-the-group span {
    float: left;
    font-size: 15px;
}

#webform-component-favor-indique-cantidad-de-personas--total-de-personas label,
#webform-component-please-select-the-how-many-attendees--total-of-people-in-the-group label {
    font-weight: bold;
    padding-right: 10px;
}

#webform-component-favor-indique-cantidad-de-personas--maestros---profesores label,
#webform-component-please-select-the-how-many-attendees--teachers---professors label {
    height: 38px;
}

#webform-component-favor-indique-cantidad-de-personas #webform-component-favor-indique-cantidad-de-personas--total-de-personas,
#webform-component-please-select-the-how-many-attendees #webform-component-please-select-the-how-many-attendees--total-of-people-in-the-group {
    width: 100%;
    clear: both;
}

#webform-component-favor-de-clasificar-el-tipo-de-grupo--grupo-escolar,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--universidad,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--campamento-de-verano,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--otro-tipo-de-grupo,
#webform-component-please-classify-the-type-of-group--school-group,
#webform-component-please-classify-the-type-of-group--university,
#webform-component-please-classify-the-type-of-group--summer-camp,
#webform-component-please-classify-the-type-of-group--other-type-of-group {
    float: left;
    width: 20%;
}

#webform-component-favor-de-clasificar-el-tipo-de-grupo--grado-grupo-escolar,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--curso-universidad,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--edades-campamento-de-verano,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--especifique-otro-tipo-de-grupo,
#webform-component-please-classify-the-type-of-group--school-group-level,
#webform-component-please-classify-the-type-of-group--university-course,
#webform-component-please-classify-the-type-of-group--summer-camp-ages,
#webform-component-please-classify-the-type-of-group--other-type-of-group-please-specify {
    float: left;
    width: 35%;
}

#webform-component-favor-de-clasificar-el-tipo-de-grupo--grado-grupo-escolar label,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--grado-grupo-escolar .form-text,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--curso-universidad label,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--curso-universidad .form-text,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--edades-campamento-de-verano label,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--edades-campamento-de-verano .form-text,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--especifique-otro-tipo-de-grupo label,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--especifique-otro-tipo-de-grupo .form-text,
#webform-component-please-classify-the-type-of-group--school-group-level label,
#webform-component-please-classify-the-type-of-group--school-group-level .form-text,
#webform-component-please-classify-the-type-of-group--university-course label,
#webform-component-please-classify-the-type-of-group--university-course .form-text,
#webform-component-please-classify-the-type-of-group--summer-camp-ages label,
#webform-component-please-classify-the-type-of-group--summer-camp-ages .form-text,
#webform-component-please-classify-the-type-of-group--other-type-of-group-please-specify label,
#webform-component-please-classify-the-type-of-group--other-type-of-group-please-specify .form-text {
    float: left;
    line-height: 30px;
    width: 40%;
    text-align: right;
}

#webform-component-favor-de-clasificar-el-tipo-de-grupo--separator,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--separator2,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--separator3,
#webform-component-favor-de-clasificar-el-tipo-de-grupo--separator4,
#webform-component-please-classify-the-type-of-group--separator,
#webform-component-please-classify-the-type-of-group--separator2,
#webform-component-please-classify-the-type-of-group--separator3,
#webform-component-please-classify-the-type-of-group--separator4 {
    margin: 0;
    clear: both;
}

/* internships */
#webform-component-informacion-general--direccion, #webform-component-general-information--address {
    clear: both;
}

#webform-component-informacion-general--direccion--estado-provincia .form-text,
#webform-component-informacion-general--direccion--ciudad .form-text,
#webform-component-informacion-general--direccion--pais .form-text,
#webform-component-general-information--address--state-province .form-text,
#webform-component-general-information--address--city .form-text,
#webform-component-general-information--address--country .form-text  {
    width: 20%;
}

#webform-component-preparacion-academica,
#webform-component-academic-background {
    margin-bottom: 30px;
}

#webform-component-preparacion-academica .webform-component-fieldset .fieldset-legend,
#webform-component-academic-background .webform-component-fieldset .fieldset-legend {
    padding: 0;
    margin: 0;
}

#webform-component-preparacion-academica .webform-component-fieldset,
#webform-component-academic-background .webform-component-fieldset {
    float: left;
    width: 30%;
}

#webform-component-preparacion-academica .webform-component-fieldset .form-item,
#webform-component-academic-background .webform-component-fieldset .form-item {
    margin: 5px 0 0 0;
}

#webform-component-preparacion-academica .webform-component-fieldset .form-item label,
#webform-component-academic-background .webform-component-fieldset .form-item label {
    margin: 0;
    padding: 0;
}

#webform-component-departamentos-en-los-que-se-podria-desempenar-como-internoa,
#webform-component-departments-where-you-could-complete-your-internship {
    clear: both;
    overflow: hidden;
}

#webform-component-departamentos-en-los-que-se-podria-desempenar-como-internoa .form-type-checkbox,
#webform-component-departments-where-you-could-complete-your-internship .form-type-checkbox {
    float: left;
    width: 30%;
}

/* events */
#webform-component-informacion-del-evento--fecha-deseada-para-el-evento-opcion-1,
#webform-component-informacion-del-evento--fecha-deseada-para-el-evento-opcion-1,
#webform-component-informacion-del-evento--hora-de-inicio-del-evento,
#webform-component-informacion-del-evento--hora-de-finalizacion-del-evento,
#webform-component-information-about-the-event--desired-date-of-the-event-option-1,
#webform-component-information-about-the-event--desired-date-of-the-event-option-2,
#webform-component-information-about-the-event--starting-time-of-the-event,
#webform-component-information-about-the-event--ending-time-of-the-event {
    float: left;
    width: 40%;
}

#webform-component-informacion-del-evento--interesa-visitas-guiadas-en-su-evento,
#webform-component-information-about-the-event--are-you-interested-in-a-guided-tour-during-your-event {
    clear: both;
}

@media (min-width: 768px) and (max-width: 969px) {
    #webform-component-disponibilidad .webform-component-checkboxes,
    #webform-component-availability .webform-component-checkboxes {
        width: 80px;
        padding: 0 10px 0 10px;
        border-left: 1px #dcdcdc solid;
    }

    #webform-component-favor-indique-cantidad-de-personas--maestros---profesores label,
    #webform-component-please-select-the-how-many-attendees--teachers---professors label {
        height: auto;
    }

    #webform-component-favor-indique-cantidad-de-personas .webform-component,
    #webform-component-please-select-the-how-many-attendees .webform-component {
        width: 40%;
    }

    #webform-component-favor-indique-cantidad-de-personas--adultos label,
    #webform-component-please-select-the-how-many-attendees--adults label {
        height: 38px;
    }

    #webform-component-departamentos-en-los-que-se-podria-desempenar-como-internoa .form-type-checkbox,
    #webform-component-departments-where-you-could-complete-your-internship .form-type-checkbox {
        width: 40%;
    }

    #webform-component-disponibilidad .webform-component-checkboxes > label,
    #webform-component-availability .webform-component-checkboxes > label {
        font-size: 13px;
        letter-spacing: -1px;
    }
}

@media (max-width: 767px) {
    #webform-component-informacion-general--nombre, #webform-component-informacion-general--apellidos,
    #webform-component-general-information--name, #webform-component-general-information--last-names {
        float: none;
        width: auto;
    }

    #webform-component-informacion-general--inicial,
    #webform-component-general-information--initial {
        width: auto;
        margin: 0 0 1.5em 0;
    }

    #webform-component-preparacion-academica .webform-component-fieldset,
    #webform-component-academic-background .webform-component-fieldset {
        width: auto;
        margin-bottom: 20px;
    }

    .webform-component .form-text {
        width: 100%;
        box-sizing: border-box;
    }

    #webform-component-informacion-general--direccion--estado-provincia .form-text,
    #webform-component-informacion-general--direccion--ciudad .form-text,
    #webform-component-informacion-general--direccion--pais .form-text,
    #webform-component-general-information--address--state-province .form-text,
    #webform-component-general-information--address--city .form-text,
    #webform-component-general-information--address--country .form-text,
    #webform-component-informacion-general--codigo-postal .form-text,
    #webform-component-informacion-general--telefono .form-text,
    #webform-component-general-information--zip-code .form-text,
    #webform-component-general-information--phone .form-text,
    #webform-component-informacion-general--direccion-fisica--estado-provincia .form-text,
    #webform-component-informacion-general--direccion-fisica--ciudad .form-text,
    #webform-component-informacion-general--direccion-fisica--pais .form-text,
    #webform-component-general-information--physical-address--city .form-text,
    #webform-component-general-information--physical-address--state-province .form-text,
    #webform-component-general-information--physical-address--country .form-text,
    #webform-component-codigo-postal .form-text,
    #webform-component-telefono .form-text,
    #webform-component-celular .form-text,
    #webform-component-fax .form-text,
    #webform-component-zip-code .form-text,
    #webform-component-phone .form-text,
    #webform-component-mobile .form-text,
    #webform-component-informacion-general--estado-provincia .form-text,
    #webform-component-informacion-general--ciudad .form-text,
    #webform-component-informacion-general--pais .form-text,
    #webform-component-general-information--state-province .form-text,
    #webform-component-general-information--city .form-text,
    #webform-component-general-information--country .form-text {
        width: 100%;
    }

    #webform-component-informacion-general--inicial,
    #webform-component-general-information--initial {
        float: none;
    }

    #webform-component-disponibilidad .webform-component-checkboxes,
    #webform-component-availability .webform-component-checkboxes {
        float: none;
        width: 100%;
        padding: 0;
        border: none;
    }

    #webform-component-departamentos-en-los-que-se-podria-desempenar-como-internoa .form-type-checkbox,
    #webform-component-departments-where-you-could-complete-your-internship .form-type-checkbox {
        float: none;
        width: 100%;
    }

    #webform-component-informacion-del-evento--fecha-deseada-para-el-evento-opcion-1,
    #webform-component-informacion-del-evento--fecha-deseada-para-el-evento-opcion-1,
    #webform-component-informacion-del-evento--hora-de-inicio-del-evento,
    #webform-component-informacion-del-evento--hora-de-finalizacion-del-evento,
    #webform-component-information-about-the-event--desired-date-of-the-event-option-1,
    #webform-component-information-about-the-event--desired-date-of-the-event-option-2,
    #webform-component-information-about-the-event--starting-time-of-the-event,
    #webform-component-information-about-the-event--ending-time-of-the-event,
    #webform-component-fecha-deseada-para-el-recorrido-opcion-1,
    #webform-component-fecha-deseada-para-el-recorrido-opcion-2,
    #webform-component-hora-de-inicio-del-recorrido,
    #webform-component-hora-de-finalizacion-del-recorrido,
    #webform-component-date-for-the-tour-option-1,
    #webform-component-date-for-the-tour-option-2,
    #webform-component-time-to-begin-the-tour,
    #webform-component-time-to-end-the-tour {
        float: none;
        width: 100%;
    }

    .webform-component textarea {
        width: 100%;
        box-sizing: border-box;
    }

    #webform-client-form-166 #webform-component-informacion-general--apellidos,
    #webform-component-general-information--last-names {
        margin-left: 0;
    }

    #webform-component-favor-indique-cantidad-de-personas .webform-component,
    #webform-component-please-select-the-how-many-attendees .webform-component {
        float: none;
        width: auto;
    }

    #webform-component-favor-indique-cantidad-de-personas--maestros---profesores label,
    #webform-component-please-select-the-how-many-attendees--teachers---professors label {
        height: auto;
    }

    #webform-component-favor-indique-cantidad-de-personas #webform-component-favor-indique-cantidad-de-personas--total-de-personas,
    #webform-component-please-select-the-how-many-attendees #webform-component-please-select-the-how-many-attendees--total-of-people-in-the-group {
        width: auto;
        padding-bottom: 30px;
    }

    .form-checkboxes .form-item,
    .form-radios .form-item {
        display: block !important;
    }

    #webform-component-favor-de-clasificar-el-tipo-de-grupo--grupo-escolar,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--universidad,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--campamento-de-verano,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--otro-tipo-de-grupo,
    #webform-component-please-classify-the-type-of-group--school-group,
    #webform-component-please-classify-the-type-of-group--university,
    #webform-component-please-classify-the-type-of-group--summer-camp,
    #webform-component-please-classify-the-type-of-group--other-type-of-group,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--grado-grupo-escolar,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--curso-universidad,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--edades-campamento-de-verano,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--especifique-otro-tipo-de-grupo,
    #webform-component-please-classify-the-type-of-group--school-group-level,
    #webform-component-please-classify-the-type-of-group--university-course,
    #webform-component-please-classify-the-type-of-group--summer-camp-ages,
    #webform-component-please-classify-the-type-of-group--other-type-of-group-please-specify {
        float: none;
        width: 100%;
        margin: 0;
    }

    #webform-component-favor-de-clasificar-el-tipo-de-grupo--grado-grupo-escolar,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--curso-universidad,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--edades-campamento-de-verano,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--especifique-otro-tipo-de-grupo,
    #webform-component-please-classify-the-type-of-group--school-group-level,
    #webform-component-please-classify-the-type-of-group--university-course,
    #webform-component-please-classify-the-type-of-group--summer-camp-ages,
    #webform-component-please-classify-the-type-of-group--other-type-of-group-please-specify {
        margin-bottom: 1.5em;
        overflow: auto;
    }

    #webform-component-favor-de-clasificar-el-tipo-de-grupo--grado-grupo-escolar label,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--grado-grupo-escolar .form-text,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--curso-universidad label,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--curso-universidad .form-text,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--edades-campamento-de-verano label,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--edades-campamento-de-verano .form-text,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--especifique-otro-tipo-de-grupo label,
    #webform-component-favor-de-clasificar-el-tipo-de-grupo--especifique-otro-tipo-de-grupo .form-text,
    #webform-component-please-classify-the-type-of-group--school-group-level label,
    #webform-component-please-classify-the-type-of-group--school-group-level .form-text,
    #webform-component-please-classify-the-type-of-group--university-course label,
    #webform-component-please-classify-the-type-of-group--university-course .form-text,
    #webform-component-please-classify-the-type-of-group--summer-camp-ages label,
    #webform-component-please-classify-the-type-of-group--summer-camp-ages .form-text,
    #webform-component-please-classify-the-type-of-group--other-type-of-group-please-specify label,
    #webform-component-please-classify-the-type-of-group--other-type-of-group-please-specify .form-text {
        text-align: left;
    }
}

/** OVERRIDES **/
@media (max-width: 1023px) {
    .ui-tabs {
        padding: 0;
    }
}
#skip-link {
    padding: 0;
}

#page {
    max-width: 100%;
}

#header, #navigation, .region-sidebar-first, .region-sidebar-second, #footer {
    padding: 0;
}

#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}

#navigation {
    height: auto;
}

#main {
    padding-top: 0;
}

.page-title .breadcrumb,.page-title .title {
    float: left;
}

.breadcrumb {
    display: none;
}

.node-type-news .breadcrumb {
    display: block;
}

.breadcrumb li {
    font-size: 22px;
    font-weight: bold;
}

.breadcrumb li a {
    font-size: 22px;
    font-weight: bold;
    color: #838383;
}

.breadcrumb li a:hover {
    color: #feb61d;
}

#content .tabs {
    padding-bottom: 0;
}

#content .tabs li {
    padding-left: 0;
    background: none;
}

.logged-in #content .tabs li {
    margin-bottom: 0;
    font-size: 1em;
}

.logged-in #content .tabs li a {
    text-decoration: none;
}

#imageData #bottomNav {
    height: auto;
    padding-bottom: 40px;
}

#bottomNavClose {
    margin-top: 0;
}

.panel-2col-bricks .panel-col-top, .panel-2col-bricks .panel-col-middle, .panel-2col-bricks .panel-col-bottom {
    width: 100%;
}

.search-results .search-snippet-info {
    padding-left: 0;
}

.search-results .search-snippet-info p {
    padding-bottom: 0;
}

#content ol.search-results {
    margin: 0;
}

#content .search-results li {
    padding-bottom: 24px;
}

.search-snippet {
    font-style: italic;
}

.search-form .form-text {
    max-width: 100%;
}

@media (max-width: 580px) {
    .search-form .form-text {
        margin-top: 10px;
        display: block;
    }

    .search-form #edit-submit {
        margin-top: 10px;
        display: block;
    }
}

@media screen and (min-width: 970px) {
    .breadcrumb {
        display: block;
    }

    .page-title h1 {
        margin-left: 5px;
    }
}

@media (max-width: 969px) {
    .page-title {
        height: auto;
        overflow: auto;
    }

    .page-title h1 {
        padding: 6px 0;
        line-height: 32px;
    }
}

@media print {
  #content a[href]:after { /* Add visible URL after links. */
    content: "" !important;
  }

  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after { /* Only display useful links. */
    content: "" !important;
  }

  #content abbr[title]:after { /* Add visible title after abbreviations. */
    content: "" !important;
  }
}