@media screen and ( min-width: 1900px) {

  .banner p.aviso-home-h1 { font-family: 'Roboto', sans-serif; font-size: 2.8em; line-height: 1.15em;text-align: center;font-weight: 400;color: #a87c28;margin: .75em 0em;}
  .banner p.aviso-home {font: 100 1.9em/1.5 'Roboto'; text-align: center;margin-bottom: 1.5em;}

}

@media screen and ( min-width: 1600px){
    
  
  .caja-banner-app {border: solid 2px #222221; margin-bottom:3em;padding: .2em;}
  .banner-app {max-height: 200px;min-height: 170px;background: url(https://www.museobilbao.com/images/fondo-banner-app.jpg) no-repeat center -22em #282828; background-size: cover;}
  .banner-app::before {width: 99% !important;}
  .banner-app .png {width: 35%;}
  .banner-app img {width: 85%;padding: 1em 0em 0em 7em;}
  .banner-app .txt {padding: 2em 3em 1em 1em; width: 64%;}
  .banner-app .txt span.a {letter-spacing: 0em;font: 100 3.7em/1.2 'Roboto';}
  .banner-app .txt span.b {letter-spacing: 0em;font: 100 1.3em/1.5 'Roboto';}
  .banner-app .logos  {width: 33% !important;}
  .banner-app .logos img {padding: 1em 0em .5em 2em;}
  

  body { font-size: 1.3em;}
  .chapa { left: -18em;}
  .itemProduct .chapa { left: -11em;}
  .shop .product .chapa { left: -20em;}
  .carousel .carousel-caption { width: 30%;}
  .sliderImg .column { display: block; float: left;}
  .navbar-nav li.entradas:after, .navbar-nav li.entradas:before { top: 1.5em !important;}
  .navbar-nav li.shoper a { background-size: 1.46em !important; background-position: 0 center !important;}
  .finder { width: 103%;}
  .filtros input[type="checkbox"] + span { background-position: 97% .5em;}
  .filtros input[type="checkbox"]:checked + span { background-position: 97% -1.4em;}
  .filtros .form-control { height: 3em;}
  .filtros select.form-control { height: auto;}
  .filtros input.btn[type="submit"] { margin-top: .9em;}
  .results .number { padding-top: 1em;}
  .relatedRecursos .column { width: 19%; text-align: center;}
  .resumen-compra .subTotal td, .resumen-compra .direccion .cifra, .resumen-compra .total td:last-child, .resumen-compra .codigo .cifra { padding-right: 48px;}
  .finder .customSelect { height: 36px !important;}
  .filtros legend, .shop .filtros label {font-size:1.3em!important;}
  .filtros .form-control {height:34px!important;line-height: .5em!important;}
  .button {width: 17.5em;}

}

@media screen and ( min-width: 1300px) {
  .navbar-form .btn { top: 0.4em !important;} 

  .wysiwyg .content .col-xs-12.description {
    padding-left: 5em;
  }
  .filtros input.btn[type="submit"] {margin-top:0!important;} 

}

@media screen and ( min-width: 1106px){
  .ocultado{overflow: hidden}
}

@media screen and (max-width:1400px) and ( min-width: 1199px) {
  .filtros legend, .shop .filtros label {font-size:1.2em!important;}
  .resumen-compra ul.codigo li.separador_resumen{width: 21%}
  .resumen-compra ul.direccion li.separador_resumen{width: 21%}
  .subTotal.tienda_sub li.subtotal_final{width: 22%}
  .subTotal.tienda_sub.clase_iva li.subtotal_final{width: 22%}
  .codigo_aceptado li.descuento_total{width: 21%}
  .sliderImg .wysiwyg .mainTitle, .sliderImg .wysiwyg h2.mainTitle {font-size: 3.3em !important;}

}

@media screen and (max-width:1200px){ 
  .resumen-compra ul.codigo li.separador_resumen{width: 21%; padding-right: 2.4% !important}
  .resumen-compra ul.direccion li.separador_resumen{width: 21%; padding-right: 2.4% !important}
  .subTotal.tienda_sub li.subtotal_final{width: 22%; padding-right: 2.4% !important}
  .subTotal.tienda_sub.clase_iva li.subtotal_final{width: 22%; padding-right: 2.4% !important}
  .codigo_aceptado li.descuento_total{width: 21%; padding-right: 2.4% !important}
  .shop .increment{width: 25px; font-size: 24px;}
}
@media screen and ( min-width: 768px) {

  body { background: #1c1c1c; font-size:1em}

  #nav.affix { position: fixed; top: 0; z-index:10; left: 0; }

  .movil-on { display: none !important;}
  .movil-off { display: block !important;}

  .wrapper { position: relative; background: #fff; min-height: 119em;}
  .title { font-size: 4em;}
  .detalle.wysiwyg h2.title { padding: .3em 0 0.5em 0; margin-bottom: .75em; background: none; border-bottom: 1px solid #c1c1c1; color: #222221; font-size:5em; font-family: 'dejavu_sansextralight'; letter-spacing: -1px;}

  .wysiwyg .btn.btn-pdf { font-size: 1.5em;}

  .navbar-header { float: none; width: auto; padding-right: 4em;}
  .navbar-brand { width: 100%; float: none;}
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0;}

  .languageNavBar { float: none; margin-bottom: 1.8em; text-align: left; font-size: 1.2em;}
  .navbar-form { position: relative; margin: 3.5em 0; padding: 0;}
  .navbar-form input[type=text] { width: 100%; height: 2em; background: #fff; box-shadow: none; border: 0;transition:.3s all;}
  .navbar-form:hover input[type=text] { position: relative; z-index: 100; width: 130%;}
  .navbar-form .btn { position: absolute; right: 0; top: 0; width: 2.5em; height: 2.5em; background: transparent url(../img/ico-search.png) no-repeat center center; font: 12px 'arial'; text-indent: -99999em;}
  .navbar-form input[type=text]:focus { border: 3px solid #a1791b;}
  .navbar-form:hover .btn { z-index: 101; right: -25%; width: 2em; height: 2em; -webkit-transition:.3s all; -moz-transition:.3s all; transition:.3s all;}
  .navbar-form .btn:hover { border: 0 !important;}
  .navbar-form .btn-default:hover, .navbar-form .btn-default:focus { background-color: transparent !important;}

  .navbar-collapse { padding: 0;}

  .navbar-nav { width: 100%;}
  .navbar-nav li { float: none; margin-bottom: 0.8em;}
  .navbar-nav li a, .navbar-nav li span { padding: 0;}
  .navbar-nav li a:hover, .navbar-nav li span:hover { color: #fff; -webkit-transition:.3s all; -moz-transition:.3s all; transition:.3s all;}
  .navbar-nav li span { display: block; cursor: pointer;}
  .navbar .navbar-brand, .navbar .navbar-nav > li > a, .navbar .navbar-nav > li > span { font-size: 1.45em;}

  .navbar-nav li.active a, .navbar-nav li.open a, .navbar-nav li.active span { background: none; border-bottom: 3px solid #a1791b; color: #a1791b;}
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus,  .navbar-inverse .navbar-nav > .open > span, .navbar-inverse .navbar-nav > .open > span:hover, .navbar-inverse .navbar-nav > .open > span:focus { color: #a1791b;}
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > span, .navbar-inverse .navbar-nav > .active > span:hover, .navbar-inverse .navbar-nav > .active > span:focus { color: #a1791b; background: none;}
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > span, .navbar-inverse .navbar-nav > .open > span:hover, .navbar-inverse .navbar-nav > .open > span:focus { background: none;}

  /**** download menu ****/
  .nav .dropdown a, .nav .dropdown a:hover, .nav .dropdown a:focus, .nav .dropdown span, .nav .dropdown a:hover, .nav .dropdown span:focus { border-color:#a1791b; background: none; }
  .dropdown .dropdown-menu { padding: .5em 0; background: none !important; border: 0; box-shadow: none; float: none; position: relative; left: auto; top: auto; z-index: 999; min-width: inherit;}
  .dropdown .dropdown-menu li { margin: 0;}
  .dropdown .dropdown-menu li a, .dropdown .dropdown-menu li span { padding: 0.3em 0 0.3em 2em; margin: 0; border-bottom: 0; text-transform: uppercase; color: #cbc3b7; white-space:normal; font-size: 0.857em; text-decoration:none;}
  .dropdown .dropdown-menu li.active a, .dropdown .dropdown-menu li a:hover, .dropdown .dropdown-menu li.active span { background: none; color: #fff;}
  .dropdown.active .dropdown-menu { display: block;}

  /*** type of menu elements **/

  .navbar-nav li.visita-virtual { margin: 3.2em 0;}
  .navbar-nav li.visita-virtual a { padding: .3em 0 .3em 3em; background: url(../img/ico-360.png) no-repeat 0 0; color: #a1791b; font-family: 'dejavu_sansextralight'; letter-spacing: -1px;}
  .navbar-nav li.visita-virtual a:hover { background: url(../img/ico-360_hover.png) no-repeat 0 0;}

  .navbar-nav li.type02 { margin-bottom: .5em;}
  .navbar-nav li.type02 a { text-transform: none; color: #808080; font-family: 'dejavu_sans'; font-weight: normal; font-size: 1.4em; letter-spacing: -1px;}

  .navbar-nav li.entradas { position: relative; margin: 4em 0;}
  .navbar-nav li.entradas:after, .navbar-nav li.entradas:before { position: absolute; z-index: 2; top: 1.7em; content: " "; display: block; width: 1.2em; height: 1.2em; border-radius: 50%; background: #1C1C1B;}
  .navbar-nav li.entradas:after { right: -.6em;}
  .navbar-nav li.entradas:before { left: -.6em;}
  .navbar-nav li.entradas a, .navbar-nav li.entradas a:hover { position: relative; display: block; background: #7b756a; padding: .8em 1em; color: #fff; font-weight: normal; font-style: italic; text-align: center;
    -webkit-transition: background .3s; /* For Safari 3.1 to 6.0 */
    transition: background .3s;}
  .navbar-nav li.entradas a:hover { background: #958e82;}

  .navbar-nav li.entradas a:after, .navbar-nav li.entradas a:before { position: absolute; z-index: 2; top: .9em; content: " "; display: block; width: 2px; height: 70%;background: #1C1C1B; font-size:.5em;}
  .navbar-nav li.entradas a:after { right: 1.2em;}
  .navbar-nav li.entradas a:before { left: 1.2em;}

  .navbar-nav li.shoper {margin: 3em 0 3em 0; /*! background-position:0 center; *//*! display:    flex !important; *//*! flex-flow: wrap; */}
  .navbar-nav li.shoper:after, .navbar-nav li.shoper:before { position: absolute; z-index: 1; /*! top: 1.7em; */ content: url:; display: block; width: 1.2em; height: 4.2em; border-radius: 50%; background: #1C1C1B;}
  .navbar-nav li.shoper:after { right: -.6em;}
  .navbar-nav li.shoper:before { left: -.6em;} 
  .navbar-nav li.shoper .shoper-ico {margin: 0em; padding: .5em;width: 18%;height: 18%;}
  .navbar-nav li.shoper a {color: #7b756a; font-size: 1.7em;padding: .5em;font-weight: 700;border: 1px solid;background: url(shop.svg) no-repeat 0 0;}
  .navbar-nav li.shoper a:hover {  transition: all .3s;opacity: .8;}
  .navbar-nav li.shoper.active a { color: #fff; border:none;}

  .navbar-nav li.newsletter { margin:3em 0;}
  .navbar-nav li.newsletter p{ opacity:.7;}

  .navbar-nav li.newsletter>a, .navbar-nav li.newsletter>span { position: relative; background: url(../img/ico-newsletter.png) no-repeat 0 0; padding-left: 1.8em; color: #919190; font-size: 1.4em;}
  .navbar-nav li.newsletter>a:after, .navbar-nav li.newsletter>span:after { content: " "; position: absolute; right: 0; display: inline-block; width: 1.5em; height: 1em;}
  .navbar-nav li.newsletter>a:hover, .navbar-nav li.newsletter>span:hover { background: url(../img/ico-newsletter.png); color: #fff; background:  url(../img/ico-newsletter.png) no-repeat 0 0;}
  .navbar-nav li.newsletter.active>a, .navbar-nav li.newsletter.active>span { background: url(../img/ico-newsletter.png); color: #919190; border:none;}
  .navbar-nav li.newsletter.open>a, .navbar-nav li.newsletter.open>span { background: url(../img/ico-newsletter.png) no-repeat 0 0 !important; border-bottom:0 !important; color: #919190 !important;}
  .navbar-nav li.newsletter.open>a:after, .navbar-nav li.newsletter.open>span:after {  background: url(../img/ico-newsletter.png); right: .5em; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}

  .navbar-nav li.type03 { margin: 0 0 3px 0; padding:0;}
  .navbar-nav li.type03 a { color: #FFF; font: 1.5em 'Roboto'; letter-spacing: -1px; text-transform: none; padding-bottom:4px;}

  .navbar-form .form-group { display: block;}

  .titleSeccion { float: none; margin: 0; background: #1c1c1c; font-size: 1em;}
  .titleSeccion h1 { margin: 0; padding: .7em 0 .4em .5em; background: #1c1c1c; font-size: 4.8em;}

  .breadcrumb { margin: 0; padding: 0 0 1em 2.7em; background: none; border-radius: 0; text-transform: none; letter-spacing: normal;}
  .breadcrumb a { color: #b49449; text-decoration: none; font: 1.4em 'dejavu_sanscondensed';}
  .breadcrumb a:hover { color: #ccc; text-decoration: underline; transition:.3s all;}
  .breadcrumb .active { color: #cbc3b7; font: 1.4em 'dejavu_sanscondensed';}
  .breadcrumb > li + li:before { content: ">"; font-size: 12px;}

  .shop .breadcrumb { padding-left: 1.4em; margin-bottom: 1em; border-bottom: 1px solid #c5c5c5;}

  .wysiwyg header { font-size: .7em;}
  .wysiwyg.detalle { padding-top: 3em;}
  .wysiwyg h2 { padding: 1.5em 1em 1em 1em; font-size: 3.4em;}
  .wysiwyg h3 { font-size: 2.3em;}
  .wysiwyg p, .wysiwyg ul { font-size: 1.4em; padding-bottom: 1em; line-height: 1.7;}
  .wysiwyg .back { font-size: 1.8em; font-family: 'dejavu_sanscondensed'}
  .sliderImg .wysiwyg p { font-size: 1.4em; }
  .wysiwyg .content { padding-top: 3.7em; padding-left: 3.7em;}
  .wysiwyg .content .content { padding: 0;}


  .columns { max-width: 85%;}
  .columnscine { max-width: 99%;}
  .wysiwyg .content.columns { padding-left: 3.7em; padding-bottom: 3em;}

  /*** navigation lateral ***/
  .navigation { position: absolute; right: 0; top: 0; display:none!important;}
  .navigation a { position: absolute; right: 0; z-index: 2; overflow: hidden; display: inline-block; width: 4.3em; height: 4.3em; padding:1em 1.5em;  background: #b49449; color: #fff; font: 1.4em/1 'dejavu_sans'; text-transform: uppercase; text-decoration: none;}
  .navigation a:first-child { top: 10em;}
  .navigation a:last-child { top: 14.35em;}
  .navigation a:before { position: absolute; right: 0; top: 0; z-index: 1; content: " "; display: block; width: 4.3em; min-height: 4.3em; height: 100%; background:#b49449 url(../img/bullet-03.png) no-repeat center center; background-size: 1.2em;}
  .navigation a:first-child:before { -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}

  .navigation a:hover { background: #AF7A00; transition:.3s all; width: 15em; min-height: 4.3em; height: auto; padding-right: 5em; border:1px solid rgba(255,255,255,.2); word-wrap:break-word;}
  .navigation a:hover:before { height: 100%; background-color: #AF7A00;}
  .navigation img { float: left; max-width: 30%; margin: 0 1em 0 0;}

  .nav-tabs { display: none;}

  /**** footer ***/
  .footer { padding: 0; color: #808080; border-top: 1px solid #fff;}
  .footer footer { padding: 2em 0;}
  .footer footer nav:first-child  { margin: 1.2em 0 0 0; font-size: 1em;}
  .footer footer nav { text-align: left;}
  .footer footer nav:nth-child(2n) {padding-left: 5em !important;;}
  .footer footer nav:nth-child(2n) a {margin-right: .75em;}
  .footer footer nav:last-child { margin-top: .7em; text-align: right;}
  .footer footer a { display: inline-block; margin: 0 1em 0 0; color: #ccc9c9; font-size: 1.3em;text-decoration: none;  opacity: .6; transition:all .3s;}
  .footer footer a:hover, .footer footer a.active { color: #fff; transition:.3s all; opacity: 1;}
  .footer footer p.copy {padding-top:1em}

  /**** modulos ***/
  .modulos { padding: 0em 1.5em 0 0;}
  .modulos .shop { margin: 2em 0;}

  .shop { border-width: 3.2em;}
  .shop .titleShop { font-size: 3.6em;}
  .shop .category { font-size: 1.2em;}
  .shop .itemProduct .author { font-size: 1.2em;}
  .listProducts li:last-child { margin-bottom: 0;}

  .shop.detail li { border:1px solid #fff;}
  .shop.detail .itemProduct { padding: 1em; overflow: hidden;}
  .shop .product .itemProduct { padding: 0;}
  .shop.detail .itemProduct nav { margin-bottom:1em;}
  .shop.detail li:hover { border:1px solid #838383; transition:.3s all;}
  .shop.detail li:hover .btn { opacity: 1; box-shadow:3px 3px #838383; transition:.3s all;}
  .shop.detail li .btn { position: absolute; bottom: 4px; left:50%; right: auto; margin-left:-25%; background-size:auto; font-size: 1.4em; opacity: 0; width: 50%; padding-right: 0;padding-left: 0; text-transform:uppercase;}

  .shop.detail .filter { background: #c0b9ae; margin-bottom: 4em; padding:2em 1em;}
  .shop.detail .filter fieldset { padding-left: 0;}
  .shop.detail .filter label { display: block; font:1.5em/1 'dejavu_sans'; }
  .shop.detail .filter [type=submit] { font-size: 1.8em; padding: 1.1em;}

  .shop.detail.cart li { border:none;}
  .shop.detail.cart li:hover { border:none;}
  .shop.detail.cart li:hover .btn { box-shadow:none;}

  .shop article.tercero{
    display:none;}

  .chat { margin: 4em 0; padding: 0; background: #000000; color: #fff;}
  .chat .who { padding: 0;}
  .chat .who img { max-width: 100%; height: auto;}
  .chat .content { padding-top: 0;}
  .chat .content .title { padding: 0; margin:.7em 0 .3em 0; font: 2.8em/1 'dejavu_sansbold'; text-transform: uppercase;}
  .chat .content .title span { display: block; font-size: .7em; font-family: 'dejavu_sans'; text-transform: lowercase; font-weight: normal;}
  .chat .content .date { display: block; margin: 0 0 .5em 0; font: 1.5em 'dejavu_sansextralight';}
  .chat .content .hour { display: block; margin: 0 0 1em 0; font: 1.5em 'dejavu_sans'; font-style: italic;}

  .chat .btn { display: inline-block; padding: 1em 1.4em; background-image: none; font-size: 1.4em;}
  .chat .btn:hover { color:#222221;}

  .visita { margin: 4em 0; padding: 0; background: #000000; color: #a1791b;}
  .visita .who { padding: 0;}
  .visita .who img { max-width: 100%; height: auto;}
  .visita .content { padding-top: 0;text-align: center;}
  .visita .content .title { padding: 0; margin:.8em 0 0.3em 0; font: 3em/1 'dejavu_sans'; text-transform: uppercase; }
  .visita .content .title span { display: block; font-family: 'dejavu_sans'; text-transform:none; font-weight: normal;}
  .visita .content .date { display: block; margin: 0 0 .5em 0; font: 1.5em 'dejavu_sansextralight';}
  .visita .content .hour { display: block; margin: 0 0 1em 0; font: 1.5em 'dejavu_sans'; font-style: italic;}

  .visita .btn { display: inline-block; padding: 1em 2em; margin-top: 1em; background-image: none; font-size: 1.4em;}
  .visita .btn:hover { color:#222221;}

  #revista { margin-top: 5em; margin-bottom:5em!important;}
  #revista.carousel .carousel-control.left { top:3em; right: 0;}
  #revista.carousel .carousel-control.right { top:6.1em; right: 0;}
  #revista p { padding-bottom: 0;}

  #revista .carousel-inner .item { background-color:transparent !important;}

  .agenda { padding: 2em;}
  .events span { display: block;}
  .events .detalleNoticia .carousel-control span { display: none;}
  .events span span { display: inline-block;}
  .events .typeEvent, .events .date { font-size: 1.4em;}
  .events .nameEvent { font-size: 2.5em; font-family: 'Roboto'; padding-left:.7em !important;}
  #eventos_calendario_ul .nameEvent { padding-left:0em !important;}
  .events .date { padding-right: 0;}
  .events .date strong { display: inline-block; padding: 0 10px 0 0; text-transform: none;}
  .events img { max-width: 100%;}
  .agenda .cargar { text-align: center;}
  .agenda .btn-cargar { display: inline-block; margin: 0 auto; padding:.7em 1.5em; }
  #noticias .events li { padding: 1.5em 0; background: none;}
  #noticias .events, div.events { border-bottom: 0 ; padding-left:0 !important;}

  .exposicion li { padding: 0;}

  .links { padding-left: 1em; font-size: 1.4em;}
  .links a { display: block; margin: .5em 0;}

  .wysiwyg .amigos { list-style: none; margin: 1em 0; padding: 0; font: 1.8em/1 'Roboto'; color: #a1791b; font-weight: 700;}
  .amigos li { position: relative; margin: 0 0 1em 0; padding: 0 0 .5em 0; border-bottom: 1px solid #DAC699;}
  .amigos li:after { position: absolute; right: 0; top: 5px; content: ""; display: block; width: 20px; height: 10px; background: url(../img/bullet-04.png) no-repeat right 0;}
  .amigos li a {  text-decoration: none; cursor:pointer;}
  .amigos li a:hover { opacity:.8; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}
  .wysiwyg .amigos p{ font-size:1em;}
  .wysiwyg .amigos ul{ font-size:1.7em;}
  .amigos li .dropdown-menu { float: none; position: relative !important; left: auto; top: auto; box-shadow: none; border:0; padding:1em 0; transform: none !important;}
  .amigos li li { padding: 0; margin: 0; border:0; background: none;}
  .amigos li li:after { display: none;}
  .amigos li li a { font-size: 1em;}
  .amigos.dropdown-menu { margin: 0; left: 1em; background: rgba(234,234,234,.9); box-shadow: none; border-radius:0; font: 2.4em 'Roboto'; color: #999999;}
  .amigos.dropdown-menu li { border:0; padding: 0; margin: 1em 0; background: none;}

  .amigos.dropdown-menu li a { font: 1em 'Roboto'; color: #999999;}

  .amigos .amigosDetails ul {   margin: 0em 0 1.5em 0;  list-style: none;  padding: 0 .5em;}
  .amigos .amigosDetails li { margin: 0 0 1em 0; font: .6em 'Roboto'; font-weight:100; padding-left: 1em; 
    text-indent: -.7em;}
  .amigos .amigosDetails li:before {
    content: "• ";
    color: #a1791b; /* or whatever color you prefer */
  }
  .amigos #aclaraciones li { color: #927a43;}

  .amigos li.open:after { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

  .wysiwyg .transparencia { list-style: none; margin: 1em 0; padding: 0; font: 2em/1 'Roboto'; color: #a1791b; font-weight: 700;}
  .transparencia li { position: relative; margin: 0 0 1em 0; padding: 0 0 .5em 0; border-bottom: 1px solid #DAC699;}
  .transparencia li:after { position: absolute; right: 0; top: 5px; content: ""; display: block; width: 20px; height: 17px; background: url(../img/bullet-11.png) no-repeat right 0;}
  .transparencia li a {  text-decoration: none; cursor:pointer;}
  .transparencia li a:hover { opacity:.8; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}


  h3.dropdown-toggle { position: relative;}
  h3.dropdown-toggle:after { content: ""; position: absolute; right: 0; bottom: .3em; display: block; height: 1em; width: 1.5em; background: url(../img/bullet-05.png) no-repeat right center; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
  .open h3.dropdown-toggle:after { -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}

  .carousel { margin-bottom: 0; margin-bottom:3em;}
  .carousel .carousel-caption { 
    background: rgba(161,121,27,.95); 
    left: 3em; 
    bottom:3em; 
    width: 40%; 
    padding-bottom: .8em;
    -webkit-transition: background .3s, box-shadow .3s; /* For Safari 3.1 to 6.0 */
    transition: background .3s, box-shadow .3s;
  }

  #relatedContent.carousel .carousel-caption {
    font-size:.9em; 
    background:none repeat scroll 0% 0% rgba(0, 0, 0, 0.9); 
    left: 0em; 
    bottom:0em; 
    width: 100%; 
    padding-bottom: .5em;
  }

  .carousel .carousel-caption .btn-default{
    opacity:0;
    -webkit-transition: opacity .3s; /* For Safari 3.1 to 6.0 */
    transition: opacity .3s;}
  .carousel .carousel-caption:hover .btn-default{
    opacity:1;}

  .carousel .carousel-caption:hover { box-shadow: 3px 3px 0 rgba(0,0,0,.7);}
  .carousel .carousel-caption .mainTitle { margin:6% 5% 0 5%; }
  .carousel .carousel-caption h4.mainTitle { margin:0% 5% 0 5%; }
  .carousel .carousel-caption .mainTitle span {padding: 0 0 0 1.3em;font-family: 'Roboto';text-transform: none;}
  .carousel-caption .mainTitle .when {position: absolute;left: 0.1em;top: 1em;font-size: 0.95em;font-family: 'Roboto';}
  .carousel .carousel-caption .secondTitle {margin:1.2em 5% .3em 5%;text-transform: none;font-size: 3.85em;line-height: 1.1;}
  .carousel .carousel-caption .secondTitle span { display: block; margin-top:1em;  font-size: .45em;}
  .carousel .carousel-caption .btn { padding-right: 5em; background-color: transparent; background-size: 1.8em; text-align: right; font-size: 1.1em;}
  .carousel .carousel-control { top: auto; bottom: 1.5em; width: 3em; height: 3em; background-color: #8b6b20; background-size: .7em; background-position: center center;}
  .carousel .carousel-control.left { left: auto; right: 4.8em;}
  .carousel .carousel-control.right { right: 30px;}



  #obrasMaestras { border-right: 0em solid #fff;}

  .expo .carousel-inner { height: 50em; background: #f0f0f0;}
  .expo .item .lightbox { position: relative; display: block; text-decoration: none; color: #fff;}
  .expo .item .lightbox:hover span { opacity: .6; transition:.3s all; -moz-transition:.3s all; -webkit-transition:.3s all;}
  .expo .item .lightbox span { position: absolute; right: 0; top: 33.3em; opacity:0; display: block; width: 3em; height: 2.5em; background:rgba(0,0,0,.8) url(../img/ico-ampliar.png) no-repeat center center; font: 1.4em/2.4 'dejavu_sansextralight'; text-align: right;}

  #exposiciones span.chapa.promocion { 
    position: absolute;
    left: 0em;
    top: -2.9em;
    font: 1.6em/1 "Roboto";
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    opacity: 0.7;
    text-align: center;
    padding: 1em;
    padding-top: 1em;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    width: 100%;}

  .expoSlideTitle { position: absolute; left: 5em;  bottom: 0em;width: 30%;}


  .lineasBus { font-size: 1.3em;}

  .sliderImg .item{
    max-height:370px;}

  #relatedContent.carousel a .carousel-caption { 
    opacity: 0.8; /* que aparezca eñ caption desplegado en el iPad*/
    padding-bottom: 0.5em;
    -webkit-transition: padding-bottom .3s; /* For Safari 3.1 to 6.0 */
    transition: padding-bottom .3s;
  }
  #relatedContent.carousel a:hover .carousel-caption { 
    opacity: 1; /* que aparezca eñ caption desplegado en el iPad*/
    padding-bottom: 1.5em;
    box-shadow: none;
  }


  .events.exposicion .nameEvent, .events.exposicion .typeEvent, .exposicion .date, .events.exposicion .wysiwyg { padding:0 30px;}
  .events.exposicion .typeEvent .where { padding:0 0px;}

  #llegar { padding-bottom: 3em;}
  .wysiwyg .content .col-xs-12 {
    padding-left: 2em;
    padding-right: 2em;
  }
  .wysiwyg .content .col-xs-12.detalleNoticiaImg{padding-left:0em; padding-right:1em !important;}

  .wysiwyg .content .col-xs-12.description {
    padding-left: 3em;
  }
}

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

  .resumen-compra .subTotal .subtotal_final, .resumen-compra .clase_iva .iva_final, .resumen-compra .clase_iva .no_iva {padding-right:1.8em;}
  .resumen-compra .direccion .cifra{padding-right:1.8em}
  .shop .carousel .itemDetails{min-height:14em}

  .resumen-compra .subTotal td.cifra.subtotal_final{padding-right:2.1em !important}
  .resumen-compra .clase_iva td.cifra.iva_final{padding-right:2.1em !important}
  .tienda-resumen-compra.error_pago .resumen-compra .subTotal td.cifra{padding-right:1.9em !important}
  .tienda-resumen-compra.error_pago .resumen-compra .clase_iva td.cifra.iva_final{padding-right:1.9em !important}
}


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

  .forma-de-pago #coste_portes{padding-right:24px !important}
  .resumen-compra .subTotal td.cifra.subtotal_final{padding-right:1.7em !important}
  .resumen-compra .clase_iva td.cifra.iva_final{padding-right:1.7em !important}
  .tienda-resumen-compra.error_pago .resumen-compra .subTotal td.cifra{padding-right:1.7em !important}
  .tienda-resumen-compra.error_pago .resumen-compra #coste_portes{padding-right:19px !important}

  .tienda-resumen-compra.error_pago .resumen-compra .clase_iva td.cifra.iva_final{padding-right:1.4em !important}
  .tienda-resumen-compra.error_pag .resumen-compra .total td:last-child{padding-right:19px !important}


  .shop .breadcrumb{margin-bottom:2em !important}
  .shop .carousel .itemDetails{min-height:12em}
  .pasos a, .pasos span{font-size:1.6em}
  .pasos span:last-child:after{display:none;}
  .pasos span:last-child:before{display:none;}
  .filtros {padding:0 15px;}
  .filtros .padding10, .filtros .padding5 {padding-left:0px!important; padding-right:0px!important;}
  span.customSelect { width:100%!important;}
  .filtros .btn {float:none!important; margin:0 auto 20px auto!important;}
  .results .number {text-align:left!important; padding-left::10px!important;}
  .results .shortby .col-lg-9 {padding:0!important;}
  .results .shortby #ord.hasCustomSelect {margin-bottom:-0.5em!important;}
  .wysiwyg .content .col-xs-12.description {
    padding-left: 0em;
  }



  .shop .relatedContent.carousel .column { width: 50%;}

  .relatedContent.carousel a .carousel-caption { 
    opacity: 1; /* que aparezca el caption desplegado en el iPad*/
  }

  .languageNavBar {
    font: 1.1em "dejavu_sans";
  }

  .sliderImg .carousel .carousel-control {
    height:2em;
    width:2em;background-size: .5em;
  }
  .sliderImg .wysiwyg .btn-normal {
    position: absolute;
    right: 50%;
    bottom: 1em;
    padding-bottom: 0px;
    margin-right: -4em;
  }
  .sliderImg .wysiwyg h1 {
    font: 3em "dejavu_sans";
  }

  .sliderImg .carousel .carousel-control.right {right: 1em;}
  .sliderImg .carousel .carousel-control.left {right: 3.1em;}
  .sliderImg .carousel-control.left:after, .sliderImg .carousel-control.right:after { background-size: .7em;}
  .sliderImg .wysiwyg { font-size: .8em; }

  .banner { font-size: .5em;}
  .banner .img {
    max-width: 100%;
    height: auto;
    margin: 5em auto;
    display: block;
  }
  .banner h1, .banner h2, .banner .btn-normal { }
  .banner h1 { margin-top: 0;
    font:2.8em/1 'Dejavu_sansextralight';line-height: 160%;}
  .banner h2 { margin-bottom: 0.5em;}
  .banner .btn-normal a { font-size:2em; }
  .sliderImg .wysiwyg p { font-size: 1.8em; /**/ }

  .modulos { padding: 3em 2.8em 0 2.8em;}
  .revista .navigation { right: 2.8em;}

  .agenda .cargar { padding: 0;}
  .agenda .btn-cargar { padding-left: .6em; padding-right: 1.1em;}

  .expoSlideTitle { width: 55%; font-size: .7em;}

  .events .btn-view { padding-right: 3em;}

  .carousel .carousel-caption { font-size: 1em;}

  .shop.detail li:nth-child(3n+1) { clear: none}
  .shop.detail .filter fieldset { margin-bottom: 2em;}

  .home .shop .itemProduct { min-height: 35em; text-align: center;}
  .home .shop .itemDetails { padding-top: 1em; min-height: 17em;}
  .home .shop .itemProduct .price { position: static;}
  .home .shop .btn { margin: 0 auto;}

  .home .relatedContent.carousel .carousel-inner { min-height: 12em;}

  .carousel-caption .mainTitle .when { font-size: 1em;} 

  .visita .btn { display: block;}

  .obrasMaestras .artist { padding-bottom: .5em; font-size: 1.1em; line-height: 1;}
  .obrasMaestras .obra { font-size: .8em;}

  .description { border: 0; border-top: 1px solid #afa89b; padding-left: 1.4em; padding-top: 2em;}
  .legend header { /*margin-bottom: 2em;*/}

  .exposicionProximas li { margin-bottom: 3em;}
  .exposicionProximas li div { min-height: inherit;  padding-right: 0;}
  .exposicionProximas .date, .exposicionProximas .where { padding-top: .3em; position: relative; left: auto; top: auto; bottom: auto; padding-left: 0;}
  .exposicionProximas .nameEvent { padding-top: .2em; padding-left: 0;}

  .plantas>li { min-height: 10em;}
  .plantas>li:hover { min-height: 12em;}
  .plantas .planoDetalle img { max-width: 100%;}

  .plantas>li:nth-child(1) .planoDetalle { z-index: 4; top: 0; right: 27%; width: 20%;}
  .plantas>li:nth-child(2) .planoDetalle { z-index: 3; top: -5em; right:0; width: 80%;}
  .plantas>li:nth-child(3) .planoDetalle { z-index: 2; top: -5em; right: 0; width: 80%; }
  .plantas>li:nth-child(4) .planoDetalle { z-index: 1; bottom: -5em; right: 17%; width: 50%;}

  .plantas>li:nth-child(1):hover .planoDetalle { z-index: 5; top: 3em; right: 37%;}
  .plantas>li:nth-child(2):hover .planoDetalle { z-index: 5; top: 6em; right:3em;}
  .plantas>li:nth-child(3):hover .planoDetalle { z-index: 5; top: 7em; right: 3em;}
  .plantas>li:nth-child(4):hover .planoDetalle { z-index: 5; bottom: 3em; right: 20%;}


  .homeSlider.carousel .carousel-caption:hover { box-shadow:3px 3px rgba(0,0,0,.4); background: rgba(161,121,27,1);}
  .homeSlider.carousel .container { font-size: .7em;}
  .homeSlider.carousel .carousel-caption { padding-top: 2em; padding-bottom: 0;}

  .shop.detail li:nth-child(3n+1) { clear: both;}

  .pasos { font-size: .75em;}

  .resumen-compra { font-size: .8em;}

  .chapa, .shop .product .chapa{ left:-34%;}

  .carousel-caption .tipo { margin-top: -1.2em; padding-top: 1em; font-size: 1.5em;}

  .filtros .form-control { float: none; margin-bottom: 2em;}
  .filtros .btn { float: right; margin-right: 15px;}
  .results .number { float: none; display: block; padding-right: 15px; text-align: right;}

  .shop.detail li .btn { opacity: 1;}
  .shop footer { text-align: center;}
  .shop footer .logos { clear: both; margin-top: 1em; text-align: center;}
  .shop footer img { float: none !important; display: inline-block; vertical-align: middle;}

  .finder { width: 104.5%;}
  .finder li { display: block; margin-bottom:25px;}
  .finder li:first-child { margin-bottom:10px;}

  .relatedRecursos .column { width: 19%;}

  .resumen-compra td { padding: .5em 1em;}
  .formas .checks { border: 0 !important;}

  .increment { width: 22px;}

  .resumen-compra .subTotal td { padding-right: 21px;}
  .resumen-compra .direccion .cifra { padding-right: 21px;}
  .resumen-compra .total td { padding-right: 21px;}
  .resumen-compra .cifra { padding-right: 4px;}
  .resumen-compra .codigo .cifra { padding-right: 21px;}

  .relatedRecursos .column .img { height: 108px;}

  .relatedContent.carousel .carousel-control.left, .home .relatedContent .carousel-control.right{width:2.5em; height:2.5em}
  .relatedContent.carousel .carousel-control.left, .relatedContent .carousel-control.right{width:2.5em; height:2.5em}
  .shop.detail.cart .botonera .btn{margin-left:0 !important}

}

@media screen and (max-width:1024px) {
  
  
  
  .caja-banner-app {border: solid 1px #222221; margin-bottom:3em;padding: .2em;}
  .banner-app {max-height: 195px;min-height: 170px;background: url(https://www.museobilbao.com/images/fondo-banner-app.jpg) no-repeat center -8em #282828; background-size: cover;}
  .banner-app .png {width: 41%;}
  .banner-app img {width: 100%;padding: 1.5em 0em 0em 1.5em;}
  .banner-app .txt {padding: 1.5em 1.5em .7em 1em; width: 65%;}
  .banner-app .txt span.a {	 letter-spacing: -0.3px;font: 400 2.5em/1 'Roboto';}
  .banner-app .txt span.b {	 letter-spacing: -.01em;font: 100 1.1em/1.15 'Roboto';}
  .banner-app .logos  {width: 70% !important;}
  .banner-app .logos img {padding: .1em 0em .5em .3em;}

  
  

  .forma-de-pago .resumen-compra{font-size: 0.8em}

  .pasos a, .pasos span{font-size:1.3em}
  .tienda_boton_difenrente .btn{width:100% !important; float:none !important;margin-bottom:20px; padding-left:0 !important; padding-right:0 !important}
  .tienda_boton_difenrente .btn.forma_pago{width:100% !important; float:none !important;margin-bottom:20px;padding-left:0 !important; padding-right:0 !important}
  .botonera .right{float:none}

  .forma-de-pago .botonera .right{float:right}
  .shop .carousel .itemDetails{min-height:13em}
  #info-reservas .envio.abonar p.textdestacado{width:60%; }
  .resumen-compra table.stacktable{min-width:0; font-size: 1.1em}

  /*RESUMEN COMPRA*/

  .cant_productos{position: relative;left:0}
  .stacktable th{text-align: center !important}
  .stacktable th:hover, .stacktable tr:hover td, .stacktable tr:hover, .stacktable td:hover{border:none !important;}
  .stacktable tr:hover td.st-key{border-bottom:1px solid #fff !important;}

  .stacktable th img{height: 150px; width: auto;}
  .stacktable td.st-key{background: #f2f2f2; border-bottom: 1px solid #fff; width: 40%; padding: 10px 10px !important; text-align: center}
  .stacktable td.st-val{padding: 10px 10px !important; text-align: center}

  .subTotal.tienda_sub{margin-top: 20px}
  .subTotal.tienda_sub li.texto{width: auto; margin-right: 10px; border-top:none !important}
  .subTotal.tienda_sub li.subtotal_final{width: 40%;  border-top:none !important; }

  .subTotal.tienda_sub li.iva_final{width: auto; margin-right: 10px; border-top:none !important}
  .subTotal.tienda_sub.clase_iva li.subtotal_final{width: 40%;  border-top:none !important; padding-left: 0}

  .resumen-compra ul.codigo li.codigo_des{width: 100%}
  .resumen-compra ul.codigo li.separador_resumen{width: 100%}
  .resumen-compra ul.codigo li.inserta_cod{width: 100%}

  .resumen-compra ul.direccion li.gastos_env{width: 70%}
  .resumen-compra ul.direccion li.select-portes{width: 100%}
  .resumen-compra ul.direccion li.separador_resumen{width: 30%; height: auto; margin-right: 0; float: right; margin-top: 20px; }
  .resumen-compra .direccion p#coste_portes{margin-top:0; text-align: right; right: 10px; font-size: 14px !important}
  .resumen-compra .direccion p#coste_portes span{ font-size: 14px !important}
  .total_tienda li.total_cifra{width: auto; margin-left: 10px;}
  .codigo_aceptado li.texto_codigo{max-width: 270px !important; padding-left: 0;}



}

@media screen and (max-width:800px) {
	
  .infoPractica .btn-tickets {margin: 0em !important; padding:.5em;}
  .infoPractica .btn-tickets:hover {background-color:#B3861C;}


  .banner p.aviso-home-h1 { font-family: 'Roboto', sans-serif; font-size: 2em; line-height: 1.15em;text-align: center;font-weight: 400;color: #a87c28;margin: .75em 0em;}
  .banner p.aviso-home {  font: 100 1.6em/1.5 'Roboto'; text-align: center;}

  .resumen-compra .subTotal .subtotal_final, .resumen-compra .clase_iva .iva_final, .resumen-compra .clase_iva .no_iva{padding-right:1em}

  #exposiciones span.chapa.promocion { 
    position: absolute;
    left: 0em;
    top: -3em;
    font: 1.8em/1 "Roboto";
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    opacity: 0.8;
    text-align: center;
    padding-left: 1em;
    padding-top: 1em;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    width: 100%;}

  .wysiwyg .content .col-xs-12.description {
    padding-left: 0em;
  }
  .wrapper { min-height:150em; }

  .columns { max-width: 100%;}
  .columns img { max-width: 100%;}

  .chapa { left:-15.5em;}
  .shop .product .chapa { left: -9.5em;}

  .homeSlider.carousel .item img { max-width: inherit; width: 200%; margin: 0 0 0 -50%;}
  .homeSlider .carousel-caption .mainTitle .when { position: relative; left: auto; top: auto; display: block; padding-left: 0;}
  .homeSlider .carousel-caption .tipo { margin-top: -1.4em; font-size: 1.5em;}

  .home .shop .itemProduct .btn { opacity: 1;}

  .como .content { overflow:hidden;}

  .plantas > li:nth-child(4) .planoDetalle { bottom:2em;}

  .navbar .navbar-nav > li { margin-bottom: 2em;}
  .navbar .dropdown .dropdown-menu li { margin-bottom: .1em;}

  .banner .mainTitle { font-size: 30px; line-height: 50px; }
  .banner p { font-size: 14px; line-height: 20px; }

  .obrasMaestras { padding: 2em;}
  .obrasMaestras li { float: none; width: 100% !important; padding-right:0 !important; padding-left:0 !important;  text-align: center !important;}
  .obrasMaestras li:first-child { padding-left: 0;}  
  .obrasMaestras .artist, .obrasMaestras .obra { text-align: center; font-size: 1.3em;}
  .obrasMaestras .artist { font-size: 1.6em;}
  .obrasMaestras .obra { font-size: 1.2em;}
  .obrasMaestras a:hover { box-shadow: none !important; }
  .obrasMaestras .img { margin-left:0 !important; margin-right: 0 !important; margin-bottom: 2em !important; }


  .legend header { margin-bottom: 0em;  margin-top: 0;}

  .exposicionProximas .img a { display: block; width: 100%; max-height: 30em; overflow: hidden; }
  .exposicionProximas .img img { max-width: inherit;}

  .wysiwyg .expoSlideTitle { font-size: .6em;}
  .wysiwyg .expoSlideTitle .contain .sala { margin-top: .5em;}
  .wysiwyg .expoSlideTitle .contain h1 { margin-bottom: .5em;}
  #exposiciones .carousel-inner > .item > img, #exposiciones  .carousel-inner > .item > a > img { max-width: inherit; width: auto; margin: 0 0 0 -50%;}

  .cursos .contain table { font-size: .8em;}

  .finder { width: 103.5%;}
  .finder li { float: left; display: block;}
  .finder input.form-control { height: 40px;}
  .finder .form-control { height: 34px;}

  .relatedRecursos .relatedContent.carousel .carousel-inner { min-height: 12em;}
  .relatedRecursos .column { width:30%; margin-bottom: 1em; overflow: hidden;}
  .relatedRecursos .carousel-caption { display: none;}
  .relatedRecursos .relatedContent { margin-bottom: .7em;}
  /*.relatedContent.carousel img, .home .relatedContent.carousel video { max-width: inherit;}*/

  .picture { float: none; padding-right: 0;}

  .events li.li_noticia .img { max-width: inherit; width: 100%; margin-bottom: 2em;}
  .events .date.col-sm-12 { text-align: left;}

  .form-control { box-shadow:inset 0 0 1px #999;}

  .expo .carousel-inner { height: 31em;}
  .expo .item .lightbox span { top: 19.7em; opacity: 1;}

  .shop footer { text-align: center; font-size: 1.1em;}
  .shop .product .itemPhoto { margin-bottom: 2em;}

  .pasos a, .pasos span { font-size: 1.5em;}

  .botonera .btn { font-size: 1.3em;}
  .resumen-compra .direccion .cifra {
    padding: 0.5em 15px 0.5em .3em;
  }
  .resumen-compra .eliminar { opacity: 1; padding: 0em;}
  .resumen-compra .total td:last-child { padding-right: 15px; font-size: 1.4em;}
  .resumen-compra .subTotal td:last-child { text-align: right; padding-right: 15px; padding-left: .3em;}
  .resumen-compra .cifra { text-align: right; padding-right: 0; padding-left: .3em;}
  .resumen-compra .codigo td { padding: 1em 0;}
  .resumen-compra td, .resumen-compra td.cifra.cant { padding-left: .3em; padding-right: 0em; padding: 0.5em 0em 0.5em .3em; }
  .resumen-compra .codigo .cifra { padding-right: 15px;}

  div.error.alert p { font-size: 1.2em;}
  .resumen-compra .subTotal td.cifra{padding-right:0 !important}
  .resumen-compra .clase_iva td, .resumen-compra .no_iva td{padding-right:0 !important}




}

@media screen and (max-width:767px) {
  
  blockquote {padding: 1em 3em;border-left: 0;border-right: 0;border-top: 0.3em solid #bfb7b080;border-bottom: 0.3em solid #bfb7b080; width: 100%;padding: 1.5em 3em;}  
  blockquote:before,blockquote:after {left: 0px;top: -10px;}
  blockquote:after {right: 15px;left: auto;top: -10px;}
  
  .wysiwyg .logo-expo {max-width: 100%;height: auto; width: 100%; margin-top: 1em;}
  .wysiwyg .logo25 {font: 700 .75em/3 'Roboto';display: inline-block;width: 50%;}

  .wysiwyg h5 {	padding: 0 0 1em 0;	font: 2.2em/1 'Roboto';		color: #5a5a5a;}
  .wysiwyg .box-visitas {padding:1em;margin: 2em 0em 1em 0em;font-size:1.4em;border: 1px solid #e1dfdf;background: #f9f9f9;}
  .wysiwyg .greyboxexpo {padding: 2em 2em 0em 2em;margin: 1em auto;background-color: #AEAEAE1F;border: 1px solid #ccc;}
  .wysiwyg .greyboxexpo h1 {  padding-left: 0em;}
  .wysiwyg .greyboxexpo .subtitulo {font:2.3em 'Roboto';font-weight: 700;color: rgb(79, 79, 79);padding: 0em;}
  .wysiwyg .greyboxexpo .aviso-naranja {font:1em/1.7 'Roboto'; font-weight: 100; color: rgb(183, 153, 103);}		
  .wysiwyg .greyboxexpo p {  color: rgb(79, 79, 79);padding-left: 0em;padding-bottom: 2em;}	
  .wysiwyg .greyboxexpo p.encabezado {font:1.4em/1.5 'Roboto'; font-weight: 100; color: rgb(79, 79, 79);padding-left: 1.6em;padding-bottom: 0em; padding-right:2em}	
  .wysiwyg .greyboxexpo .titulovideo {  padding: .5em 0em .5em 0em;font-size: 2.3em;}	
  .wysiwyg .greyboxexpo .fichavideo {  padding-left: 0em;}	
  .wysiwyg .greyboxexpo .infovideo {  padding-left: 0em;}	
  .wysiwyg .greyboxexpo .video-insert {padding-bottom:45% !important;}
  .wysiwyg .greyboxexpo .video-insert iframe, .wysiwyg .greyboxexpo .video-insert object, .wysiwyg .greyboxexpo .video-insert embed {width:98% !important;padding-left: 0em !important;}
  .wysiwyg .greyboxexpo .sala { list-style: none;   /*! color: #777675; */padding: 0em !important;}
  .wysiwyg .greyboxexpo .sala li { margin: 0em; transition:.3s all;-webkit-transition:.3s all;}
  .wysiwyg .greyboxexpo .sala .imgpubliexpovir { padding-left: 0em !important;padding-right: 6em !important;}
  .wysiwyg .greyboxexpo .sala .infopubliexpovir { padding-left: 0em !important;padding-right: 1.5em !important;}
  .wysiwyg .greyboxexpo .sala .infopubliexpovir .titulo {padding-left: 0;font: 100 1.5em/1 'Roboto' !important;display: block;color: rgb(79, 79, 79);}
  .wysiwyg .greyboxexpo .sala .infopubliexpovir .ficha {margin: 0;font: 1em/1.3 'Roboto';font-weight: 100; padding: 1em 0em !important;}
  .wysiwyg .greyboxexpo .sala .infopubliexpovir .autor { margin-bottom: 1em;display: block;color: #4f4f4f;}
  .wysiwyg .greyboxexpo .sala .infopubliexpovir .texto { margin-bottom: 1em;display: block;line-height: 1.4em;color: #4f4f4f;font-size: .9em;}
  .wysiwyg .greyboxexpo .sala .boe {padding-left: 0;padding-bottom: 1em;font: 1em/1.4 'Roboto';font-weight: 400;display: block;color: rgb(79, 79, 79);}
  .wysiwyg .greyboxexpo .sala .footer { padding:1em 0 3em 0;  border-top: 1px solid #bbb;}
  .wysiwyg .greyboxexpo .sala .footer a {  padding:0em; border-left:0px solid #bbb;  font-weight: 100;}
  .wysiwyg .greyboxexpo .sala .footer a:first-child { padding-left: 0; border:0px; }
  .wysiwyg .greyboxexpo .infopubliexpovir .btn-grey {   font-size: 1.2em !important;margin: .5em 0 3em 0;}

  hr.grey2 {border-color: #989690;		margin-top: 0.4em;margin-bottom: 2em;}

  .greybox-goyaszubieta {/*! align-content: space-between; */height: auto;flex-wrap: nowrap;flex-direction: column;justify-content: normal;}
  .elementogoyas {width: 100%;display: flex;align-content: flex-end;flex-wrap: wrap;}
  .tipos-entradas dd {padding: 0em;font-size: 2em;}
  .horario-info, .horario-tienda {width: 100%;padding-bottom: 2em; padding-right:0em !important}
  .avisohorarios {margin: 0em 0em 3em 0em;}
  .infovisitarte p {color: #00458a;font-weight: 400;margin: 0;padding: 0 1.2em 1em 1em;font: 100 1.3em/1.3 'Roboto' !important;}  
  .infovisitarte ul {color: #00458a;font: 400 1.35em/1.6 'Roboto' !important;width: auto;margin: .65em;}  
  .visitas-guiadas-box{width: 100%;height: auto;}
  .wysiwyg ol.visitas {padding: 0em 1em 1em 1.2em;}

  .wysiwyg h5.kukai {font-weight: 100;font-size: 4em;line-height: 1em;padding-bottom: .6em;}
  .wysiwyg h5.kukai span {font-weight: 700;font-size: .55em;padding-bottom: .2em;}
  .wysiwyg h5.kukai span.subtitulo {display: inline-block;font-size: .5em;}
  .wysiwyg h5.kukai span.subtitulo a {color: #5a5a5a;/*! font-weight: 400; */}  

  .wysiwyg h3.noticias {  padding-top: 1em !important;}


  .sliderImg .wysiwyg .secondTitle {font-size: 3.25em !important;color: #a87c28;text-align: center;margin: 0em;}
  .wysiwyg .curso-online-prado div.aviso-naranja { margin: 1.5em 0;}

  .banner p.aviso-home-h1 { font-family: 'Roboto', sans-serif; font-size: 4em; line-height: 1.15em;text-align: center;font-weight: 400;color: #a87c28;margin: .75em 0em;}
  .banner p.aviso-home {  font: 100 3em/1.5 'Roboto'; text-align: center;}

  .wysiwyg .curso-online-prado div .tacatitulo3 {color: #00000096; font: 100 1em/1 'Roboto';    } 

  .resumen-compra .subTotal td.cifra.subtotal_final{padding-right:2.2em !important}
  .resumen-compra .clase_iva td.cifra.iva_final{padding-right:2em !important}
  .tienda-resumen-compra.error_pago .resumen-compra .direccion address{padding-right:0}

  .ocultado{font-size:1.2em !important}

  .shop .itemPhoto img{width:auto;}
  .normal_texto{font-size:2.5em !important}
  .normal_texto4{font-size:1.3em !important}
  .genericForm fieldset{font-size:1.4em}
  .contactForm .btn{float:none; width:100%; padding-left:0 !important; padding-right:0 !important; max-width:none; margin-top:40px;}

  #exposiciones span.chapa.promocion {  
    position: absolute;
    left: 0em;
    top: 0.0em;
    font: 1.74em/1 "Roboto";
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    opacity: 0.8;
    text-align: center;
    padding: .95em .95em .65em .95em;
    /* padding-top: 1em; */
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    width: 86.2%;}	

  .wrapper { /*padding-top: 7em;*/ min-height: inherit;}

  .events.exposicion .nameEvent,.events.exposicion .typeEvent, .exposicion .date { padding:0 0px;}

  .shoper {
    background: url('../img/ico-tienda.png') no-repeat scroll 1em 0.2em / 1em auto transparent;
  }

  /*** menu ***/
  /*#myNavbar { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%;}*/
  .navbar-collapse { max-height: inherit;}
  .navbar-nav { margin: 0; padding: 1em .4em;}
  .navbar-toggle { margin: 30px 0;}
  .navbar-brand { padding-top: 15px; padding-bottom: 10px;width: 30% !important;}
  .navbar .navbar-nav > li > a, .navbar .navbar-nav > li > span{ display:block; padding: 0px 0 10px 0;font-size: 1.3em; cursor: pointer;}
  .navbar .navbar-nav > li { margin-bottom: 1em;}
  .navbar .navbar-nav > .shoper { background: none;}
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { padding-left: 3em;}
  .navbar-inverse .navbar-nav .open span, .navbar-inverse .navbar-nav .active span { color: #fff;}
  /**** download menu ****/
  .nav .open a, .nav .open a:hover, .nav .open a:focus { border-color:#a1791b }
  .dropdown-menu {padding: .5em 0;background: none;border: 0;box-shadow: none;float: none;position: relative !important;left: auto;top: auto;z-index: auto;min-width: inherit;transform: none !important;font-size: 1.3em;}
  .dropdown-menu li { margin: 0;}
  .dropdown-menu li a {padding: 0.5em 0 0.5em 2em;margin: 0;border-bottom: 0;text-transform: uppercase;color: #e8e0d3;white-space:normal;font-size: 0.857em;text-decoration: none !important;}
  .dropdown-menu li.active a, .dropdown-menu li a:hover { background: none !important; color: #fff; text-decoration: none;}

  .homeSlider.carousel { margin-bottom: 0em; }
  .homeSlider.carousel a{ text-decoration:none; }
  .homeSlider.carousel a:hover{ box-shadow:none; }
  .homeSlider.carousel .carousel-control { width: 2em; }

  #exposiciones .carousel-inner > .item > img, #exposiciones .carousel-inner > .item > a > img { margin-left: 0%; width:100%}

  .movil-on { display: block !important;}
  .imgObrasMaestras p.movil-on{font-size:1em;}
  .movil-off { display: none !important;}

  /*** generic items ***/
  .titleSeccion { margin-top: 31px; font-size: 2em; padding-left:.5em;}


  .carousel .carousel-caption .btn { display: none;}

  .sliderImg { padding: 1em; font-size: .8em; display:initial}
  .sliderImg .wysiwyg { padding-left: 2em; }
  .sliderImg .wysiwyg p {font-size: 3em !important;text-align:center;margin: 0px 0 0;}
  .sliderImg .wysiwyg p.btn-normal {
    position: absolute;
    right: 55%;
    bottom: 1em;
  }
  .sliderImg .column { display: inline-block;}
  .sliderImg .column:first-child { padding-right: 0;}

  .home .relatedContent.carousel .carousel-inner { max-width:85%; }


  /*** agenda *****/

  .agenda { font-size: 1.1em; padding:0 15px;}
  .events img { width: 100%; height: auto;}
  .events .date strong { display: inline-block; padding: 0 10px 0 0; text-transform: none;}
  .agenda div.col-xs-12{ padding-right:0;}
  .salaLectura.agenda div.col-xs-12 ul{ padding:2em;} 
  .detalle.wysiwyg .content { padding: 0;}

  .exposiciones { margin-top: 2em; padding-left: 15px; padding-right: 15px;}

  .events.exposicion li { padding: 5% 15px;}

  .events li { padding: 3% 15px;}

  .events { font-size: .8em;}

  .wysiwyg .noPadding .events { padding-top: 3em;}

  .li_noticia div { padding-right: 0;}
  .events li.li_noticia{ background: none;}

  /*** carousel ***/

  .carousel .carousel-caption { font-size: 1em;}

  .relatedContent .carousel-caption { padding-bottom: 1em;}
  .home .relatedContent.carousel .carousel-inner { max-width: 100%; min-height: 13em;}

  .home .relatedContent.carousel .carousel-control.left { top: 3.1em; bottom: auto; right: auto; left: -1em;}
  .home .relatedContent.carousel .carousel-control.right { top: 3.1em; bottom: auto; right: -1em;}


  .sliderImg .carousel .wysiwyg { font-size: .8em; }

  .expo.carousel { margin-bottom: 0;}
  .expo.carousel .carousel-control { top: 20%; width: 5em; height: 5em; background-color: #8b6b20; background-size: 1.5em; background-position: center center;}
  .expo.carousel .carousel-control.left { left: 0;}
  .expo.carousel .carousel-control.right { right: 0;}

  .expo .item .lightbox { position: relative; display: block; text-decoration: none; color: #fff;}
  .expo .item .lightbox:hover span { opacity: .6; transition:.3s all; -moz-transition:.3s all; -webkit-transition:.3s all;}
  .expo .item .lightbox span { position: absolute; top: 14.8em; right: 0; opacity: 1; display: block; width: 3em; background:rgba(0,0,0,.8) url(../img/ico-ampliar.png) no-repeat center center; font: 1.4em/2.4 'dejavu_sansextralight'; text-align: right;}

  .expo .carousel-inner { height: 23.8em;}
  /***** tienda ***/

  .home .shop .chapa { left: -22em}
  .home .shop .itemProduct .btn { opacity: 1; margin:0 auto;  }

  .shop .chapa { left: -10em}
  .home .shop .itemProduct {min-height:26em;}
  .shop .itemProduct .title {font-size:1.5em; margin-bottom:10px;}
  .shop .itemProduct .price {font-size:1.8em;}


  .shop .titleShop img { display: block; text-align: center; margin: 0 auto;}
  .home .shop .titleShop { padding-bottom: .5em; padding-top: .5em;}

  .shop.devoluciones { font-size: .8em;}
  .shop h4{font-size:2.5em}

  .shop .error_mensaje h4{font-size:1.3em}

  .shop .titleShop { padding-top: 0.5em; background: none;}
  .home .shop .titleShop { padding-bottom: 0em;
    padding-top: 0em;
    font-size: 3em;}
  .shop .itemProduct .price { font-size:2.4em; position: static;}

  .home .shop { border-width: 15px; padding-left: 1em; padding-right: 1em; display: none;}
  .home .shop .itemProduct:hover { border:0;}
  .home .shop .listProducts li, .home .shop .itemProduct { padding: 0;}

  .home .shop .itemDetails { min-height: 16em; text-align: center;}
  .home .shop .itemProduct { min-height: 28em;}

  .shop.detail .titleShop { margin-left: 1em; margin-right: 1em;}

  .tipos-entradas dt, .tipos-entradas dd.precio, .tipos-entradas dd.precio2movil { font-size: 3.4em;padding: 1em .1em 0.5em 0em !important;}

  .shop .product .itemProduct, .shop .itemProduct { overflow: hidden;}
  .shop .product .chapa { left: -13em;}

  .shop .carousel .itemDetails {min-height:12em!important;}

  .resumen-compra table { background-color: #fff;}
  .resumen-compra .subTotal td { padding:0.5em 2.85em 0.5em 1.5em;font-size: 1.2em;}
  .resumen-compra .direccion .cifra { font-size: 1.1em;}
  .resumen-compra .codigo .cifra { font-size: 1.1em;}
  .resumen-compra .codigo .cifra span.mini{font-size: 0.8em; margin-top: 5px;}

  /**** footer mobile ***/

  .stickyfooter .module { min-height: 20em; font-size: .8em;}

  .stickyfooter .title02 { margin-bottom: .2em;}
  .stickyfooter .address address { font-size: .9em;}
  .stickyfooter .call p { font-size: 1.6em;}

  .banner { font-size: .4em;}
  .banner .secondTitle { margin: .9em 0em; font: 5em/1 'Roboto';}
  .banner .btn-normal { font-size: 1.4em;}
  .banner .btn-normal a { padding-left: 2em; padding-right: 2em;}
  .banner::after {padding-top:1em;border-bottom: 0px;}
  .sliderImg:before {padding-bottom: 3em; border-top: 1px solid rgba(0, 0, 0, 0.1) !important;   content: "";display: block;width: 100%;}
  .sliderImg:after {padding-bottom: none !important;border-top: 0px !important;}
  .sliderImg .btn-normal a {font-size:.85em; padding-left: 1.65em; padding-right: 2.2em; background-color: #373736; }

  .wysiwyg .content { padding: 0.5em 1.7em;}
  .wysiwyg .content .col-xs-12 { padding-left: 0em; padding-right: 0em;}

  .infoPractica.wysiwyg .content { padding: 0;}
  .wysiwyg { font-size: 1em;}
  .wysiwyg .content.clearfix { padding: 2em;}
  .wysiwyg .noPadding { padding: 0 !important;}
  .wysiwyg h2 { padding-left: .6em;}
  .wysiwyg ul.miembros { height: 3em;}
  .sliderImg .wysiwyg .mainTitle, .sliderImg .wysiwyg h2.mainTitle {
    padding: 0;
    margin: 0 0 .5em 0;
    font: 100 6em/1 "Roboto" !important;
    text-align: center;
  }

  .carousel .carousel-caption { font-size: .7em;}
  .homeSlider .carousel-caption h2 {
    font: 2.25em/1.3 "dejavu_sans";
  }.homeSlider .carousel-caption h2 span {
    font: .9em/1.3 "dejavu_sans";
  }

  .listProducts .btn-default{
    margin: 1em 0 0em 0;
  }

  .expoSlideTitle { width: 100%;}

  .nav-tabs {position: relative; left: auto; bottom: auto; }

  .sinEspacio { padding: 0;}

  .listProducts li { padding: 0 15px;}

  .obrasMaestras li { width: 100% !important; padding-right:0;  text-align: center !important;}
  .obrasMaestras li:first-child { padding-left: 0;}  
  .obrasMaestras .artist, .obrasMaestras .obra { text-align: center;}
  .obrasMaestras a:hover { box-shadow: none !important; }

  .legend header { margin-bottom: 0em;  margin-top: 0;}
  .legend header p{ font:  2em/1 'dejavu_sanscondensed';}
  .legend header .where {font: 1.2em/1.8 'dejavu_sans';}
  .legend h4 {font: 1em/1 'dejavu_sans';}
  .legend h5 {font: 1em/1 'Roboto';}

  .imgObrasMaestras img { max-width: inherit; width: 100%; max-height: inherit;}

  .rss { position: relative; left: auto; top: auto; padding: 0; text-align: center;}
  .languageNavBar { float: left; text-align: left;}


  .imgColeccionOnline { padding:3em 0; text-align: center; }
  .imgColeccionOnline img { margin-bottom: 2em; max-width: 90%; max-height: 100%;}
  .imgColeccionOnline .comprar { position: relative; right: auto; bottom: auto; padding: 0; margin: 0 auto;}

  .txtColeccionOnline .description { margin-top: 0; padding: 0;}
  .txtColeccionOnline .description header { margin-bottom: 2em;}
  .txtColeccionOnline .description header h3 { font-size: 2.5em;}
  .txtColeccionOnline .description header h4 { font-size: 2em;}
  .txtColeccionOnline .description p { padding-bottom: 0;}
  .formulario .boton-form {width:100%; float:none; padding-left:0; padding-right:0; margin-bottom:10px; margin-top:10px}
  #venta-imagenes .irpaso_ant a{width:100%; float:none; padding-left:0; padding-right:0; margin-bottom:0px; display:block; }
  #venta-imagenes .checks .check.condiciones input[type="checkbox"] + span{font-size:0.9em !important;}
  #buscador-obras p.dropdown-toggle{font-size:1.5em}
  .sesion.envio .btn {  font-size:1.5em;}
  .newform.sesion .boton-form.distinto{padding-left:0 !important; padding-right:0 !important}
  .breadcrumb{font-size:1.3em}
  .shop .relatedContent .carousel-inner{font-size:1.3em}
  .carrito{font-size:1.2em;}
  .shop .product .btn{margin-top:0 !important; margin-bottom:0 !important;}
  .botonera{margin-bottom:0 !important}
  .shop footer nav a{font-size:1.2em}
  #info-reservas .envio.abonar p.textdestacado{width:100%; margin-top:10px;}
  .pull-right{float:none !important}

}
@media screen and (max-width:750px) {

  .sinEspacio{overflow:scroll-x; max-width:100%}
  .ocultado{overflow:scroll-x; max-width:100%}
}


@media screen and (max-width:640px) {
  
  
  .caja-banner-app {border: solid 1px #222221; margin-bottom:3em;padding: .2em;}
  .banner-app {max-height: 195px;min-height: 170px;background: url(https://www.museobilbao.com/images/fondo-banner-app.jpg) no-repeat center #282828; background-size: cover;}
  .banner-app .png {width: 41%;}
  .banner-app img {width: 100%;padding: 1em .5em 1em 1em;}
  .banner-app .txt {padding: 1em; width: 65%;}
  .banner-app .txt span.a {	 letter-spacing: -0.3px;font: 100 2.2em/1 'Roboto';}
  .banner-app .txt span.b {	 letter-spacing: -.01em;font: 100 1.1em/1.2 'Roboto';}
  .banner-app .logos  {width: 80% !important;}
  .banner-app .logos img {padding: .1em 0em 0em .3em;}

  
  .ocultado{font-size:1.3em !important}

  .codigo_aceptado li.texto_codigo{max-width: 160px !important; padding-left: 0;}

  .shop .relatedContent .carousel-inner{font-size:1.5em}
  .shop .relatedContent.carousel .column{width:100%}
  .shop .itemPhoto img{height:auto; max-height:none}
  .shop footer nav a{font-size:1em}

  .shop .carousel .itemDetails {min-height:15em!important;}
  #exposiciones span.chapa.promocion {   
    position: absolute;
    left: 0em;
    top: -2.95em;
    font: 1.74em/1 "Roboto";
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    opacity: 0.8;
    text-align: center;
    padding: .95em;
    /* padding-top: 1em; */
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    width: 91.2%;}


  .shop.detail .chapa{ left: -14em; font-size: 1em;}
  .shop footer nav { text-align: center; font-size: 1.4em;}
  .shop footer nav a { display: block; margin-bottom: .5em; padding-right: 0;}
  .shop footer .logos { text-align: center;}
  .shop footer .logos img { float: none; margin:0 0 .5em 0; padding: 0; display: inline-block;}

  .shop .relatedContent.carousel .column { font-size: .75em;}
  .shop .relatedContent.carousel .column .btn { opacity: 1; font-size: 1.8em; width:100%; padding-left:0; padding-right:0; margin-left:-7px}
  .shop .relatedContent .price {font-size:2em; position:relative; bottom:auto;}
  .shop .relatedContent .title {margin-bottom:15px;}
  .shop .itemDetails { min-height: 23em;}
  .shop .itemPhoto { max-height: inherit; text-align:center;}
  .shop .product {margin-bottom:1em;}

  .filtros .checkbox { display: block !important;}

  .itemProduct .form-control[type="number"] { clear: right; float: right; width: 30%;}
  .itemProduct .itemDetails label { display: block !important; float: right; font-weight: normal; clear:both;}
  .itemProduct .itemDetails label.hidden-label {display:none!important;}

  .shop .pasos { margin: 0 auto; width: 95%; border-radius: 0; text-transform: uppercase;}
  .shop .pasos a, .shop .pasos span { border-right:2px solid #fff; }
  .shop .pasos:last-child a, .shop .pasos:last-child span { border-right: 0;}
  .pasos a::before, .pasos span::before, .pasos a.active::after, .pasos span.active::after, .pasos a::after, .pasos span::after { background: none; display: none;}

  .resumen-compra { padding: .5em;}
  .resumen-compra table tbody { font-size: .8em;}
  .resumen-compra .direccion { border:0; }
  .resumen-compra .direccion.sin span, .resumen-compra .direccion .cifra { color: #a21c1c;}

  div.ok.alert, div.error.alert { margin-left: 0; margin-right: 0;}

  .envio { width: 93%; margin: 1.3em !important;}
  .envio fieldset { width: 100%;}

  .wysiwyg .legend h3{ padding-top: 0; }

  .increment { width: 22px;}
  .relatedContent.carousel .carousel-control.left, .home .relatedContent .carousel-control.right, .relatedContent.carousel .carousel-control.left, .relatedContent .carousel-control.right {height:1.5em!important; width:1.5em!important;}
  .relatedContent .carousel-control.left::after, .relatedContent .carousel-control.right::after {background-size:auto 80%;}
  .shop .relatedContent .carousel-control.right {top:3.3em;}
  .shop .relatedContent .carousel-control.left {top:1.6em;}
}


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

    .caja-banner-app {border: solid 1px #222221; margin-bottom:3em;padding: .3em;}
  .banner-app {max-height: 195px;min-height: 170px;background: url(https://www.museobilbao.com/images/fondo-banner-app.jpg) no-repeat center #282828; background-size: cover;}
  .banner-app .png {width: 42%;}
  .banner-app img {width: 100%;}
  .banner-app .txt {padding: 1em 1.5em .9em 0em; width: 58%;}
  .banner-app .txt span.a {	 letter-spacing: -0.45px;font: 100 1.8em/1 'Roboto';}
  .banner-app .txt span.b {	 letter-spacing: -.01em;font: 100 .9em/1.2 'Roboto';padding-top: 0.5em;}
  .banner-app .logos  {width: 80% !important;}
  .banner-app .logos img {padding: 1em 0em 0em .3em;}
  
  
  .box_producto_encarrito{font-size:0.9em}

  .shop .carousel .itemDetails {min-height:15em!important;}

  .genericForm .form-control{font-size:1em}
  #devolucion{font-size:0.8em}
  .shop { font-size: 1em;}
  .titleSeccion{margin-top:17px;}
  .formulario .mitad .checks label{float:none; width:100%}
  .shop.devoluciones { font-size: .9em;}

  #exposiciones span.chapa.promocion { 

    position: absolute;
    padding: 1em;
    left: 0;
    top: -3em;
    width: 100%;
    font-size: 2em;
  }
  #exposiciones .expoSlideTitle span.chapa.promocion{ 

    width: 87%;
    padding: .95em;
    top: -2.9em;
  }
  .stickyfooter .title02 {
    font: 1.700em/1 'dejavu_sansextralight';
  }
  .listProducts .btn-default{
    margin: 0px 0em;
  }

  .navbar-collapse { max-height: inherit;}
  .navbar-form { display: none;}
  .navbar-toggle { margin: 14px 0;}
  .nav-tabs { font-size: .8em;}
  .nav .open a, .nav .open a:hover, .nav .open a:focus, .nav .open span { border-color:#a1791b; color: #fff;}
  .navbar .navbar-nav > li.open > a, .navbar .navbar-nav > li.open > span, .navbar .navbar-nav > li.active > a, .navbar .navbar-nav > li.active > span { color: #fff;}
  .open .dropdown-menu { padding: .5em 0 0 0; background: none; border: 0; box-shadow: none; float: none; position: relative; left: auto; top: auto; z-index: auto; min-width: inherit;}
  .open .dropdown-menu li { margin: 0;}
  .open .dropdown-menu li a { padding: 0.3em 0 0.3em 2em; margin: 0; border-bottom: 0; text-transform: uppercase; color: #cbc3b7; white-space:normal; font-size: 0.857em; text-decoration: none !important;}
  .open .dropdown-menu li.active a, .open .dropdown-menu li a:hover { background: none !important; color: #fff; text-decoration: none;}

  .navbar-nav { padding-top:1em; padding-left: 0; }
  .navbar .navbar-nav > li > a, .navbar .navbar-nav > li > span { font-size: 1.5em; padding-left: .3em; padding-bottom: 0; line-height: 1.5; cursor: pointer;}

  /*** generic items ***/


  .btn { font-size: 1em;}
  .btn-view { background-size: 1.2em;} 
  .wysiwyg .btn, .btn-cargar-productos { font-size: 1.3em;}
  .wysiwyg #precios .col-xs-4 { width: 100%; margin: 0 auto;}
  .wysiwyg .btn-pdf {/* font-size: .75em;*/}
  .wysiwyg p, .wysiwyg ul, .lineasBus { font-size: 1.6em;}
  .wysiwyg h2, .wysiwyg h2.amigos { font-size: 2em; padding-left:.8em;}

  .languageNavBar { padding: 0;}

  /*** agenda *****/

  .agenda { font-size: 1.1em;}
  .events .typeEvent { font-size: 1.3em;}
  .events .date { clear: both; width: 100%; padding-right: .5em; font-size: 1.3em; text-align: left;}
  .events .nameEvent { padding-right: 0; font-size: 2em;}
  .events .ver .btn { font-size: 1.4em;}
  .li_noticia { font-size: 1.4em;}
  .events .ver .btn { padding-left: 0; padding-right: 0; text-align: center;}

  /*** rowtabs***/
  .rowTabs a { padding-top: 0.5em; padding-bottom: 0.5em; font-size: 1.4em;}

  .expo.carousel .carousel-control { height: 3.5em; width: 2.5em; top:30%;}
  .expo.carousel .carousel-control.left, .expo .carousel-control.right { background-size: .8em;}
  .expo .item .lightbox span { top: auto; bottom: 0; }
  /*#exposiciones .carousel-inner > .item > img, #exposiciones .carousel-inner > .item > a > img { margin-left: -100%;}*/
  #exposiciones .carousel-inner > .item > img, #exposiciones .carousel-inner > .item > a > img { margin-left: 0; max-width: 100%;}
  .expo .carousel-inner { height: auto;}

  .carousel .carousel-caption { font-size: .6em;}

  .stickyfooter .module { min-height: 21.5em; font-size: .6em;}

  .contactForm form input[type="submit"] { font-size: 1.91em;}
  .contactForm .result { font-size: .8em;}

  .exposicionProximas .nameEvent { padding-bottom: 1em; font-size: 2em;}
  .exposicionProximas .date, .exposicionProximas .where { font-size: 1.2em;}
  .exposicionProximas .date { padding-top: 1em;}
  .exposicionProximas .img img { max-width: 100%;}
  .exposicionProximas .li_exposicion .clearfix { padding: 0;} 
  .exposiciones .btn-cargar { padding-top: .7em; padding-bottom: .7em; font-size: 1.6em;}

  .home .shop .itemDetails { min-height: inherit; padding-bottom: 4em;}

  .homeSlider .carousel-inner > .item > img, .homeSlider .carousel-inner > .item > video, .homeSlider .carousel-inner > .item > iframe { width: 100%; max-width: 100%;}
  .homeSlider.carousel .container { padding-left: 0; padding-right: 0;}
  .homeSlider .carousel-caption .secondTitle { margin-bottom: 0; padding-bottom: 5%;}
  .homeSlider.carousel .item { height: 76vw;}  
  .homeSlider.carousel .carousel-caption .mainTitle { font-size: 2.25em;}

  .agenda .filter { width: 100%; float: none; clear: both;}

  .exposicionHistorico .nameEvent, .exposicionHistorico .date { display: block; width: 100%; float: none; clear: both; padding-right: 0; padding-bottom: .5em; text-align: left;}
  .exposicionHistorico .li_exposicion div { padding-right: 0;}

  .pag { padding-right: 0; padding-left: 0; margin-bottom: 1em; text-align: center; font-size: 1.2em;}

  .imgObrasMaestras { padding: 2em;}

  .shop .titleShop { font-size: 2.5em;}
  .filtros .btn { font-size: 1.8em;}

  .shop .itemProduct .price { font-size:2.4em; position: static;}

  .shop { border-width: 15px; padding-left: 1em; padding-right: 1em;}
  .shop .itemProduct:hover { border:0;}
  .shop .listProducts li, .home .shop .itemProduct { padding: 0;}
  .shop .listProducts li { padding: 0 15px;}
  .shop .itemDetails { min-height: 20em; text-align: center;}
  .shop .itemProduct { min-height: 34em;}
  .shop.detail .btn { margin-top: 1em; margin-bottom: 2em; font-size: 2.4em; padding-right: 0em;}
  .shop.detail.cart .btn {font-size: 1.4em;
    width:100%}
  .shop.detail.cart .botonera .btn {
    width:95%;
    margin-left:2.5%;}

  .chapa { left: -10em;}
  .shop.detail .chapa{ left: -15em;}
  .shop.cart .itemDetails { text-align: left;}

  .shop .relatedContent.carousel .column .btn {position:relative!important; margin-bottom:0!important;}

  .itemShop { min-width: 12em;}

  .txtColeccionOnline .description header h3 { font-size: 1.8em;}

  .lightbox span { width: 16%;}

  .infoPractica .wysiwyg h2.movil-on { padding: .5em .4em;}

  .wysiwyg .legend h3{ padding-top: 0; }
  .homeSlider .carousel-caption .secondTitle{padding-bottom: 5px;}
  .carousel-caption p.secondTitle{margin-top: 10px; padding-bottom: 0px;}
  .homeSlider.carousel .carousel-caption{padding-bottom: 10px;}

}

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

  .shop.detail .chapa{ left: -8em;}

  .shop .pasos a, .shop .pasos span { padding: .5em;}
  .shop .product { padding: 0;}
  .shop .product .botonera .right .btn{
    width:95%;
    margin-left:2.5%;
  }
  .shop .relatedContent.carousel .column { width: 100%; }
  .shop .itemDetails { min-height: 14em;}


  .increment { width: 16px;}

  .filtros input[type="checkbox"] + span { font-size: 1.1em;}

}

@media screen and (max-width:320px) {
 
 
  /**** menu ***/
  .navbar-brand { width: 40%;}

  .titleSeccion { margin-top: 22px; padding: 0 0 0 0.5em ; font-size: 1.2em; letter-spacing: -2px;}

  .shop { border-width: 1em; }
  .home .shop .titleShop { font-size: 2em;}
  .home .shop .titleShop img { display: inline-block;}
  .shop.detail .chapa{ left: -20em;}
  .filter { padding: 0;}

  .contactForm .form-control { font-size: 1em;}
  .contactForm select.form-control { height: 43px; font-size: .7em;}
  .contactForm form input[type="submit"], .contactForm .result h4 { font-size: 1.8em;}
  .back a { padding-left: 3em; }

  .agenda { font-size: 1em;}

  .stickyfooter .module { font-size: .55em;}

  .carousel { font-size: .8em;}

  .chapa { left: -10em;}

  .homeSlider.carousel .item { max-height: 25em;}
  .homeSlider.carousel .container { position: absolute; left: 0; bottom: 0; width: 100% !important;}
  .home #exposiciones .carousel-inner > .item > img, .home #exposiciones .carousel-inner > .item > a > img { max-width: 100%;}

  .homeSlider .carousel-control.left:after, .homeSlider .carousel-control.right:after { display: none;}
  .homeSlider .carousel-caption .mainTitle { margin-left:18px; }
  .homeSlider .carousel-caption .secondTitle { margin-left:18px; padding-bottom: 1%; padding-top: 2%; font-size: 5em; }
  .homeSlider .carousel-caption .secondTitle span { font-size: .7em;}

  .obrasMaestras .artist { font-size: 1.2em;}
  .obrasMaestras .obra { font-size: .9em;}
  .obrasMaestras .img { margin-bottom: 1em !important;}

  .legend header { margin-top: 1em; margin-bottom: 1em; font-size: .7em;}

  .resumen-compra .total td:last-child { font-size: 1.1em;}

  .filtros input[type="checkbox"]:checked + span { background-position:98% 110%; }


}

/*  Cambiamos la altura del slider según la Relación de aspecto    */
@media screen and (min-aspect-ratio: 16/9) { 
  .homeSlider.carousel .item {
    max-height: 510px;
  }

}
/*  Cambiamos la altura del slider según la Relación de aspecto    */
@media screen and (min-aspect-ratio: 16/9) and (max-aspect-ratio: 4/3) { 
  .homeSlider.carousel .item {
    max-height: 460px;
  }

}