/* Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 *  Note, thought, that custom templates' layout is defined in custom-elements.css
 */
/** do the reset dance! **/
* {
  margin:0;
  padding:0;
}

/* Magik clearings */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;
}

.clearfix:after {
  clear: both;
}
.clearfix { zoom: 1; }

/* panel thingy */
body .foldme {
	display: block;
}
.unfoldme {
	display:none;
}

/** define column building system through horizontal 12*60+11*20 grid **/
.ioc1,
.ioc2,
.ioc3,
.ioc4,
.ioc5,
.ioc6,
.ioc7,
.ioc8,
.ioc9,
.ioc10,
.ioc11 {float:left;
  display:inline;
  margin-top:0;
  margin-left:20px;
}
.ioc1:first-child,
.ioc2:first-child,
.ioc3:first-child,
.ioc4:first-child,
.ioc5:first-child,
.ioc6:first-child,
.ioc7:first-child,
.ioc8:first-child,
.ioc9:first-child,
.ioc10:first-child,
.ioc11:first-child,
.ioc-break {
  clear:left;
  margin-left:0 !important;
}
.ioc1 {width: 60px;}
.ioc2 {width:140px;}
.ioc3 {width:220px;}
.ioc4 {width:300px;}
.ioc5 {width:380px;}
.ioc6 {width:460px;}
.ioc7 {width:540px;}
.ioc8 {width:620px;}
.ioc9 {width:700px;}
.ioc10{width:780px;}
.ioc11{width:860px;}
.ioc12{width:940px;}

/** Support images styles **/
.inline-support-image {
  display:inline-block;
  font-size:0;
  vertical-align:middle;
  margin:0 .5em;
  background-image:url(../img/bg-sprite.png)
}
body.ie7 .inline-support-image {
  display:inline;
  zoom:1;
}
.inline-support-image:first-child {
  margin-left:0;
}
.inline-support-image:last-child {
  margin-right:0;
}

/** common centered containers **/
#topbar-inner,
#header-inner,
#navbar-inner,
#emergency-inner,
#selections-inner,
#footer-inner,
#closure-blocks {
  width:960px;
  margin:0 auto;
}
#page,
#pre-footer-inner {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

/** make sure nothing inside topbar breaks its layout **/
#topbar * {
  margin-top:0;
  margin-bottom:0;
}

/** header **/
#header-inner {
	padding: 25px 0 0;
}
#header-inner.with-navbar {
  padding-bottom:37px;
  margin-bottom:-37px;
}
#logo-title {
	float:left;
}
#header-blocks {
	float:right;
}

/** navbar **/
#navbar-inner {
  margin-bottom:1em;
}
#navbar ul {
  position:relative;
  display:block;
  /*height:40px;*/
  padding:0;
  margin:0;
}
#navbar li,
#navbar a {
  display:inline;
  float:left;
  height:48px;
  line-height:48px;
}
#navbar li {
  border-width:0 1px 0 0;
/*  border-style:solid;*/
  width: 19.8%;
}

#navbar ul ul li {
  width:24.9%;
}

#navbar li.last {
  border-right-width:0;
}

#navbar li .menu-highlighted {
  background-color: #F16E22;
}

#navbar a{
  width: 100%;
}

/*
#navbar li.last > a{
  width:219px;
}*/

/* navbar second level */
#navbar-inner {
  position:relative;
  height:40px;
}
#navbar-inner.with-second-level {
  height:86px;
  /* height: 80px; */
}
#navbar .menu .menu {
  position:absolute;
  /*top:37px;*/
  top: 48px;
  left:0;
  display: none;
  background-color: #333;
  width: 100%;
}
#navbar .menu li.active-trail .menu {
  display: block;
}

/** main (container for everything else) **/
#main {
  position: relative;
}

.webkit .front #main {
  margin-top: 40px;
}

/** content **/

/*
#page {
  clear: both;
  margin-bottom: 20px;
}
*/
/* Experimental */

#page {
  clear: both;
  width: 100%;
  padding-bottom: 20px;
  background-color: #F7F9F9;
}

.front #page {
  background: url(../img/bg-repeat.png) repeat-x scroll center -193px #E0DDD0;
}

#page-inner {
  width: 940px;
  margin: 0 auto;
}


#content-header {
	margin-top:0;
	clear:both;
}
#content-header.no-breadcrumb{
	margin-top:22px;
}
#news-home {
	clear:both;
}

#content, .no-sidebars #content {
  float: left;
  width: 940px;
  margin-left: 0;
  margin-right: -960px; /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

.sidebar-left #content {
  width: 700px;
  margin-left: 240px; /* The width of #sidebar-left. */
  margin-right: -940px; /* Negative value of #content's width + left margin. */
}

.sidebar-right #content {
  width: 700px;
  margin-left: 0;
  margin-right: -700px; /* Negative value of #content's width + left margin. */
}

.two-sidebars #content {
  width: 460px;
  margin-left: 240px; /* The width of #sidebar-left */
  margin-right: -700px; /* Negative value of #content's width + left margin. */
}

#content-inner {
  margin: 0;
  padding: 0;
}

/** sidebar-left **/
#sidebar-left {
  float: left;
  width: 220px;
  margin-left: 0;
  margin-right: -220px; /* Negative value of #sidebar-left's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

#sidebar-left-inner {
  margin: 0;
  padding: 0;
}

/** sidebar-right **/
#sidebar-right {
  float: left;
  width: 220px;
  margin-left: 720px; /* Width of content + sidebar-left. */
  margin-right: -940px; /* Negative value of #sidebar-right's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}

#sidebar-right-inner {
  margin: 0 0 0 20px;
  padding: 0;
}

/** footer **/
#footer-inner > div:first-child ,
#footer-inner > div.region-count-1{
  float:left;
}
#block-menu-secondary-links {
  float:right;
}
#block-menu-secondary-links + div {
	clear:both;
}
/* Site map */
#footer .block-menu_block.block-menu-sitemap {
	position:absolute;
	top:85px;
	right:10000em;
	z-index:20;
	width:960px;
	padding:5px;
	margin-right:-485px !important;
}
#footer .block-menu_block.block-menu-sitemap .menu-name-primary-links > ul > li {
	width:220px;
	float:left;
	margin-left:20px;
}
#footer .block-menu_block.block-menu-sitemap .menu-name-primary-links > ul > li:first-child {
	margin-left:10px;
}

/** Prevent overflowing content **/
#header,
#content,
#navbar,
#sidebar-left,
#sidebar-right,
#pre-footer,
#footer,
#closure-blocks {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

#pre-footer {
  background-color: #fff;
}

.showPanel .text-to-hide,
.active.showPanel .text-to-show {
	display:none;
}
.showPanel .text-to-show,
.active.showPanel .text-to-hide {
	display:inline;
}

#selections + #content + #sidebar-right {
	margin-top:24px;
}

/* Mediaqueries */

.isResponsive .mobile-only.is-responsive-emergency-banner { display: none; }
.isResponsive .desktop-only.is-responsive-emergency-banner { display: block; }

.image-mobile { display: none; }


.isResponsive .bg-black-button.hide-desktop { display: none; }

.isResponsive .bg-black-button {
    background: url('../img/bg-black-button.png') no-repeat 100% 50%;
    border: 0;
    padding: 10px 0;
    width: 300px;
    color: #fff;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}
.isResponsive .bg-black-button.last { margin-right: 0; }

.isResponsive .group-articulo-salva-vidas h2 { text-align: left; text-transform: uppercase; }
.isResponsive .bg-black-button:hover { cursor: pointer; text-decoration: none; }
.isResponsive .bg-black-button.hide-mobile:hover { cursor: initial; }
.isResponsive .group-articulo-salva-vidas {
  background-color: #ff1d34;
  color: #fff;
  padding: 20px;
}

.isResponsive.members-donations-form .form-wrapper { width: 700px; }
.isResponsive.members-donations-form .form-header-background {
    width: 700px;
    background: url('https://www.oxfamintermon.org/sites/default/files/images/fb-campaign-header_green_700.png') no-repeat scroll 0% 0% transparent;
}
.isResponsive.members-donations-form .image-desktop {
    background: url('../img/forms/cabeceraFormularioCast.jpg') no-repeat scroll 0% 0% transparent;
    width: 701px;
    height: 289px;
    border: 0;
}

.isResponsive.members-donations-form.i18n-ca .image-desktop {
    background: url('../img/forms/cabeceraFormularioCat.jpg') no-repeat scroll 0% 0% transparent;
}

.isResponsive.members-donations-form .image-mobile {
    display: none;
}


.isResponsive.members-donations-form .donation-options .form-radios .form-item.active,
.isResponsive.members-donations-form .card-or-bank-switch .form-item.active { background-color: #0C884A !important; }
.isResponsive.members-donations-form .donation-options .form-radios .form-item,
.isResponsive.members-donations-form .card-or-bank-switch .form-item { background-color: #61A542 !important; }
.isResponsive.members-donations-form .donation-options { max-width: 700px; margin: 10px auto; }

.isResponsive #emergency-inner { width: 100%; max-width: 960px; padding: 10px 20px; box-sizing: border-box; margin-bottom: 0; }
.isResponsive #emergency { margin-top: 0; }

/*=Donation and Emergency modal */
.isResponsive .donation-modal {
    width: 700px;
    display: table;
    position: relative;
    font-size: 13px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 5px #000;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);

  /*Positioning*/
    position: fixed;
    top: 50%;
    margin-top: -188.5px;
    left: 50%;
    margin-left: -350px;
    z-index: 35;
    background-color: #fff;

    /*Effects*/
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-200%);
    -ms-transform: translate(0,-200%);
    -o-transform: translate(0,-200%);
    transform: translate(0,-200%);
}

.isResponsive.modal-showed .donation-modal {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.isResponsive .donation-modal h1 {
  font-size: 18px;
  line-height: 100%;
}

.isResponsive .donation-modal h2 {
  font-size: 15px;
  font-weight: bold;
  line-height: 100%;
}

.isResponsive .donation-modal .left-side {
    width: 255px;
    display: table-cell;
    vertical-align: middle;
}

.isResponsive .donation-modal .right-side {
    width: 441px;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 22px 25px;
    line-height: 100%;
}

.isResponsive .donation-modal .green-background {
    background-color: #61A534;
    border-radius: 5px;
    color: #fff;
    padding: 20px 12px;
    margin-top: 15px;
    position: relative;
}

.isResponsive .donation-modal .green-background.red-background {
    background-color: #ff1d34;
}

.isResponsive .donation-modal p {
  margin: 10px 0;
  line-height: 100%;
}

.isResponsive .donation-modal .errors-amount {
    position: absolute;
    color: #000;
    left: 12px;
    bottom: -6px;
}

.isResponsive .left-side img {
  margin-top: 4px;
}

.isResponsive #other-amount {
  width: 40px;
  margin-right: 12px;
  line-height: 100%;
  border: 0;
  font-size: 11px;
  height: 20px;
  vertical-align: middle;
  padding: 0 3px;
}

.isResponsive .donation-modal .close-icon-container {
    text-align: right;
}

.isResponsive .donation-modal .close-icon {
    background-color: #BFBFBF;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    height: 19px;
    padding-top: 2.5px;
    color: #fff;
    display: inline-block;
}

.isResponsive .donation-modal .close-icon:hover {
    cursor: pointer;
}

.isResponsive .donation-modal .checkboxes {
    margin-top: 20px;
}

.isResponsive .donation-modal .checkboxes input[type="radio"] {
    margin-top: -2px;
    vertical-align: middle;
}

.isResponsive .donation-modal .checkboxes label {
    display: inline-block;
    margin-right: 12px;
    margin-left: 3px;
}

.isResponsive .donation-modal .checkboxes #submit-popup-member {
    background-color: #000;
    color: #fff;
    border-radius: 20px;
    font-size: 15px;
    padding: 2px 10px;
}

.isResponsive .donation-modal .black-background {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 15px 12px;
    border-radius: 5px;
    margin-top: 12px;
}

.isResponsive .donation-modal .black-background a {
  color: #fff;
}

.isResponsive.modal-showed .donation-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 30;
}

.isResponsive.modal-showed {
  overflow: hidden;

}


@media all and (max-width: 450px) {

  body.isResponsive { background-color: #EAEADE; }
  .isResponsive #footer,
  .isResponsive #footer #footer-inner,
  .isResponsive #pre-footer,
  .isResponsive #pre-footer-inner,
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1,
  .isResponsive #page-inner,
  .isResponsive #content,
  .isResponsive #page { width: 320px; margin: 0 auto; }

  /* =Header */
  .isResponsive #topbar,
  .isResponsive #header-inner,
  .isResponsive #navbar,
  .isResponsive #navbar-inner,
  .isResponsive #header { width: 320px; margin: 0 auto; }

  .isResponsive #header-inner { padding: 30px 0 25px; }

  .isResponsive .menu-show { background: url(../img/menu-toggle.png) top left repeat-x; display: inline-block; height: 60px; width: 60px; padding: 0; position: absolute; top: 50px; right: 50%; margin-right: -150px; }

  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-field-field-articulo-foto-fid img { margin: 0 auto 18px; display: block; }

  .isResponsive #footer:before { content:''; width: 320px; height: 11px; position: absolute; bottom: 0; left: 0; background: url(../img/background-responsive.png) top left repeat-x }

  .isResponsive #pre-footer #block-menu_block-11 { position: absolute;
    top: 17px;
    width: 300px;}

  .isResponsive #navbar {
    position: absolute;
    top: 98px;
    left: 50%;
    margin-left: -160px;
    z-index: 10000;
  }

  .isResponsive #pre-footer .content .first.column,
  .isResponsive #pre-footer .content .second.column,
  .isResponsive #pre-footer .content .third.column,
  .isResponsive #pre-footer .content .fourth.column { width: 50%; }

  .isResponsive .view-display-id-block_2 {
    width: 100%;
  }

  /* Emergency */
  .isResponsive.emergencia .mobile-container img.image-mobile { display: block; width: 320px; margin-left: -35px; }

  .isResponsive .ad-sms-text { display: block; margin-left: -25px; font-size: 10px }

  .isResponsive .field-field-articulo-subtitulo div img { width: 107%; height: auto; margin-top: 10px; margin-left: -10px }

  /* .isResponsive .views_slideshow_singleframe_slide.views_slideshow_slide { width: 320px !important; } */

  .isResponsive .views_slideshow_singleframe_slide.views_slideshow_slide img {
      width: 320px!important;
      height: auto;
  }
  .isResponsive.emergencia .views_slideshow_singleframe_slide.views_slideshow_slide img {
      width: 320px !important;
      margin-left: 0;
  }

  .isResponsive .view-front-banner-slide .field-title {
      position: absolute;
      bottom: -105px;
      left: 0;
      background-color: #0c884a;
      width: 320px;
      padding: 20px 10px 10px 10px;
      margin: 0;
      font-size: 18px;
      min-height: 105px;
      line-height: 25px;
  }

  .view-front-banner-slide .image-caption { height: 190px; }

  .isResponsive #views_slideshow_singleframe_teaser_section_front_banner_slide-block_2 {
    height: 295px !important;
  }

  .isResponsive .views_slideshow_singleframe_teaser_section { height: 550px; }

  .isResponsive .view-field-articulo-gal-relacionada .views-slideshow-controls-top .views_slideshow_previous { right: 280px; margin-top: -160px; }
  .isResponsive .view-field-articulo-gal-relacionada .views-slideshow-controls-top .views_slideshow_next { right: 10px; left: 280px; margin-top: -160px; }

  .isResponsive .views-slideshow-controls-top.clear-block { right: initial; left: initial; position: relative; width: 320px; top: 250px; }
  .sidebar-left.isResponsive .views-slideshow-controls-top.clear-block,
  .sidebar-right.isResponsive .views-slideshow-controls-top.clear-block { right: 0px; }
  .sidebar-left.isResponsive .view-field-articulo-gal-relacionada .views-slideshow-controls-top .views_slideshow_next,
  .sidebar-right.isResponsive .view-field-articulo-gal-relacionada .views-slideshow-controls-top .views_slideshow_next { left: 280px; }

  .isResponsive.emergencia .ad-mobile-last img.image-mobile { margin-left: -25px !important; }
  .isResponsive.emergencia .ad-mobile-last .ad-sms-text { width: 300px !important; margin-left: -15px; }

  .isResponsive #edit-ccgroup-cctype-wrapper,
  .isResponsive #edit-ccgroup-ccnumber-wrapper,
  .isResponsive #edit-ccgroup-ccyear-wrapper,
  .isResponsive #edit-ccgroup-ccmonth-wrapper { width: 100%; display: block; }

  /*=Inbound form */

  .isResponsive.members-donations-form #edit-name-wrapper,
  .isResponsive.members-donations-form #edit-lastname-wrapper,
  .isResponsive.members-donations-form #amount-header,
  .isResponsive.members-donations-form  #edit-ccgroup-ccyear-wrapper,
  .isResponsive.members-donations-form  #edit-ccgroup-ccmonth-wrapper,
  .isResponsive.members-donations-form #edit-ccgroup-ccnumber-wrapper,
  .isResponsive.members-donations-form #edit-ccgroup-ccnumber,
  .isResponsive.members-donations-form #edit-ccgroup-cctype-wrapper { width: 300px !important; }

}

@media all and (max-width: 599px) {

  /* donation form */
  .isResponsive .donationqtty-radios .form-item { width: 33.3% }
  .isResponsive #socios-premium-template-form .donationqtty-radios .form-item label,
  .isResponsive .donationqtty-radios .form-item label,
  .isResponsive #donations-template-form .donation-options .form-item label { display: inline-block; width: 100%; font-size: 20px !important; }
  .isResponsive #socios-premium-template-form  #edit-donationqtty--1-wrapper label,
  .isResponsive #donations-template-form .donation-options #edit-donationqtty--1-wrapper label { font-size: 14px !important; }

  .isResponsive #edit-regularity-wrapper label,
  .isResponsive #edit-donationqtty--1-wrapper,
  .isResponsive #edit-iodestination-wrapper label { display: inline-block; width: 85px; }
  .isResponsive .donation-form select#edit-regularity,
  .isResponsive #edit-iodestination { width: 211px; }
  .isResponsive #edit-donationqtty--1-wrapper { margin-top: 4px; }
  .isResponsive #edit-otheramount-wrapper { width: 150px; padding-top: 0; margin-top: 0; margin-left: 4px; }
  .isResponsive #edit-otheramount-wrapper input { font-size: 13px; }
  .isResponsive .donation-form #edit-otheramount-wrapper .description { top: 0;}

  .isResponsive .group-articulo-salva-vidas h2 { text-align: left; font-size: 14px; margin-bottom: 20px; }
  .isResponsive .group-articulo-salva-vidas { text-align: center; }
  .isResponsive .bg-black-button.last,
  .isResponsive .bg-black-button { display: block; margin: 15px auto; padding: 14px 0; width: 252px; }

  .isResponsive .bg-black-button.hide-mobile { display: none; }
  .isResponsive .bg-black-button.hide-desktop { display: block; margin: 15px auto; }

  .isResponsive.members-donations-form .form-header-background h1 { font-size: 24px !important; }
  .isResponsive.members-donations-form .form-header-background h2 { font-size: 16px !important; }

  .isResponsive #emergency { width: 320px; margin: 0 auto; }
  .isResponsive #emergency-inner { padding: 10px; }
  .isResponsive #emergency-inner .inline-large-emergency { background: none; padding: 0; }
  .isResponsive #emergency-inner .field-content { width: 100%; display: block; }
  .isResponsive #emergency .inline-large-emergency .main-action { position: relative; right: initial; top: initial; margin: 10px 0; }



}

@media all and (min-width: 600px) and (max-width: 799px) {
  .isResponsive .group-articulo-salva-vidas h2 { text-align: left; font-size: 18px; }
  .isResponsive .group-articulo-salva-vidas { text-align: center; }
  .isResponsive .bg-black-button.last,
  .isResponsive .bg-black-button {
      margin: 10px 4% 10px 0 !Important;
      padding: 14px 0;
      width: 30%;
      font-size: 12px;
  }
  .isResponsive .bg-black-button.last { margin-right: 0 !important; }
  .isResponsive .bg-black-button.hide-mobile { display: inline-block }
  .isResponsive .bg-black-button.hide-desktop { display: none; }


  .isResponsive.members-donations-form .form-header-background h1 { font-size: 42px !important; }
  .isResponsive.members-donations-form .form-header-background h2 { font-size: 18px !important; }


}

@media all and (max-width: 700px) {

  /*=Donation and Emergency modal */
  .isResponsive .donation-modal {
    width: 320px;
    margin-left: -160px;
  }
  .isResponsive .donation-modal .left-side {
    display: none;
  }

  .isResponsive .donation-modal .checkboxes #submit-popup-member {
      padding: 5px 10px;
      display: block;
      text-align: center;
      margin-top: 10px;
  }

  .isResponsive .donation-modal .checkboxes label {
      margin-right: 40px;
      margin-bottom: 10px;
  }

  .isResponsive.modal-showed .block-locale .unfoldme {
      z-index: 30;
  }

  .isResponsive .donation-modal {
      margin-top: -232.5px;
  }
}

@media all and (max-width: 700px) and (max-height: 465px) {
  .isResponsive.modal-showed {
      overflow-y: auto;
  }

  .isResponsive .donation-modal {
    margin-top: 10px;
    top: 0;
    position: absolute;
  }
  .isResponsive.modal-showed .donation-modal-background {
      overflow-y: auto;
  }

  .isResponsive .donation-modal {
    margin-top: 10px;
    top: initial;
    position: relative;
    display: block;
    margin: 0 auto;
    left: initial;
  }

}

@media all and (max-width: 809px) {
  /*=Inbound form */
  .isResponsive.members-donations-form .donation-options .form-radios .form-item:nth-child(1).active {
      background: #0C884A url('/sites/all/themes/oxfam/img/imagenSelector001on.png') no-repeat 100% !important;
  }
  .isResponsive.members-donations-form .donation-options .form-radios .form-item:nth-child(1) {
      background: #61A452 url('/sites/all/themes/oxfam/img/imagenSelector001.png') no-repeat 100% !important;
  }
  .isResponsive.members-donations-form .donation-options .form-radios .form-item:nth-child(2).active {
      background: #0C884A url('../img/forms/imagenSelector005on.png') no-repeat 100% !important;
  }
  .isResponsive.members-donations-form .donation-options .form-radios .form-item:nth-child(2) {
      background: #61A452 url('../img/forms/imagenSelector005.png') no-repeat 100% !important;
  }
  .isResponsive.members-donations-form .donation-options .form-radios .form-item:nth-child(3).active {
      background: #0C884A url('/sites/all/themes/oxfam/img/imagenSelector003on.png') no-repeat 100% !important;
  }
  .isResponsive.members-donations-form .donation-options .form-radios .form-item:nth-child(3) {
      background: #61A452 url('/sites/all/themes/oxfam/img/imagenSelector003.png') no-repeat 100% !important;
  }
  .isResponsive.members-donations-form .donation-options .form-radios .form-item:nth-child(4).active {
      background: #0C884A url('/sites/all/themes/oxfam/img/imagenSelector004on.png') no-repeat 100% !important;
  }
  .isResponsive.members-donations-form .donation-options .form-radios .form-item:nth-child(4) {
      background: #61A452 url('/sites/all/themes/oxfam/img/imagenSelector004.png') no-repeat 100% !important;
      border-bottom: 0;
  }
  .isResponsive.members-donations-form .donation-form .donationqtty-radios { margin-right: 0 !important; }
  .isResponsive.members-donations-form .donation-options { background-color: #e7EAEB; border-bottom: 2px solid #fff; }
  .isResponsive.members-donations-form #edit-donationqtty--1-wrapper { margin-top: 0; width: 100% !important; }


}

@media all and (min-width: 810px) and (max-width: 940px) {
  /*=Inbound form */
  .isResponsive.members-donations-form .donation-options .form-radios #edit-donationqtty-120-wrapper,
  .isResponsive.members-donations-form .donation-options .form-radios #edit-donationqtty-60-wrapper,
  .isResponsive.members-donations-form .donation-options .form-radios #edit-donationqtty-30-wrapper {
      background: none;
      background-color: #61A452;
  }
  .isResponsive.members-donations-form .donation-options .form-radios #edit-donationqtty-120-wrapper.active,
  .isResponsive.members-donations-form .donation-options .form-radios #edit-donationqtty-60-wrapper.active,
  .isResponsive.members-donations-form .donation-options .form-radios #edit-donationqtty-30-wrapper.active {
      background: none;
      background-color: #04662A;
  }

  .isResponsive.members-donations-form .form-header-background h1 { font-size: 54px !important; padding: 20px 0; }
  .isResponsive.members-donations-form .form-header-background h2 { font-size: 23px !important; }
}

@media all and (min-width: 451px) and (max-width: 940px) {

  body.isResponsive { background-color: #EAEADE; }
  .isResponsive #footer,
  .isResponsive #pre-footer,
  .isResponsive #topbar,
  .isResponsive #topbar-inner,
  .isResponsive #header,
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1,
  .isResponsive #page { width: 90%; margin: 0 auto; }

  .isResponsive #emergency { width: 90%; margin: 0 auto; }
  .isResponsive #emergency .inline-large-emergency .main-action { margin-left: 20px; }

  /* =Header */
  .isResponsive #navbar,
  .isResponsive #navbar-inner { width: 320px; margin: 0 auto; }

  .isResponsive #header-inner,
  .isResponsive #page-inner,
  .isResponsive #pre-footer-inner,
  .isResponsive #footer #footer-inner,
  .isResponsive #content { width: 100%; margin: 0 auto; }

  .isResponsive #navbar { position: absolute;
    top: 94px;
    right: 0;
    margin-right: 5%;
    z-index: 10000;
  }

  .isResponsive #header-inner { position: relative; padding: 40px 10px 20px; }

  .isResponsive .menu-show { background: url(../img/menu-toggle.png) top left repeat-x; display: inline-block; height: 60px; width: 60px; padding: 0; position: absolute; top: 35px; right: 0; margin-right: 10px; }
  .isResponsive #topbar-inner .content.unfoldme {
    padding-left: 10px;
  }

  .isResponsive .content .dona a,
  .isResponsive .content .unete a {
      width: 190px;
  }

  .isResponsive #news-home .view-Destacados .field-content img { max-width: 460px; margin: 0 auto !important; }
  .isResponsive #content #news-home .ioc6 { width: 100%; }

  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-field-field-articulo-foto-fid img { margin: 0 auto 18px; display: inline-block; }

  .isResponsive #footer:before { content:''; width: 100%; height: 11px; position: absolute; bottom: 0; left: 0; background: url(../img/background-responsive.png) top left repeat-x }

  .isResponsive #pre-footer #block-menu_block-11 { position: absolute;
    top: 17px;
    width: 95%;
  }

  .isResponsive #pre-footer .content .first.column,
  .isResponsive #pre-footer .content .second.column,
  .isResponsive #pre-footer .content .third.column,
  .isResponsive #pre-footer .content .fourth.column { width: 25%; }

  .isResponsive .view-display-id-block_2 {
    width: 100%;
    max-width: 320px;
    float: none;
    margin: 0 auto;
  }


  /* Emergency */
  .isResponsive .field-field-articulo-subtitulo div img { width: 100%; height: auto; margin-top: 10px; margin-left: 0; }

  .isResponsive .ad-sms-text { display: block; margin: 10px auto; font-size: 10px }

  .isResponsive.emergencia .mobile-container img.image-mobile { display: block; width: 320px; margin: 0 auto; }

  .isResponsive .views_slideshow_singleframe_slide.views_slideshow_slide { width: 100% !important; }
  /*Slide up */

  .isResponsive .views_slideshow_singleframe_slide.views_slideshow_slide { width: 320px !important; }

  .isResponsive .views_slideshow_singleframe_slide.views_slideshow_slide img {
      width: 558px !important;
      margin-left: -225px;
      height: auto;
  }
  .isResponsive.emergencia .views_slideshow_singleframe_slide.views_slideshow_slide img {
      width: 320px !important;
      margin-left: 0;
  }

  .isResponsive .view-front-banner-slide .field-title {
      position: absolute;
      bottom: -105px;
      left: 0;
      background-color: #0c884a;
      width: 320px;
      padding: 20px 10px 10px 10px;
      margin: 0;
      font-size: 18px;
      min-height: 105px;
      line-height: 25px;
  }

  .isResponsive #views_slideshow_singleframe_teaser_section_front_banner_slide-block_2 {
    height: 295px !important;
  }
  /* end slide up */


  .isResponsive .views_slideshow_singleframe_teaser_section { height: 213px; text-align: center; margin: 0 auto; width: 320px; }
  .view-field-articulo-gal-relacionada .views-slideshow-controls-top .views_slideshow_previous { height: 43px; }

  .isResponsive .view-field-articulo-gal-relacionada .views-slideshow-controls-top .views_slideshow_previous { left: 50%; margin-left: -165px; margin-top: -155px; }
  .isResponsive .view-field-articulo-gal-relacionada .views-slideshow-controls-top .views_slideshow_next { right: 10px; left: 50%; margin-left: 133px; margin-top: -155px; }

  .isResponsive .views-slideshow-controls-top.clear-block { right: initial; left: initial; position: relative; width: 100%; }

  .isResponsive.emergencia .ad-mobile-last img.image-mobile { margin-left: 0 !important; }
  .isResponsive.emergencia .ad-mobile-last .ad-sms-text { width: 100% !important; margin-left: 0; }

  /* donation form */

  .isResponsive #edit-ccgroup-cctype-wrapper,
  .isResponsive #edit-ccgroup-ccnumber-wrapper { width: 50%; }

  .isResponsive #edit-ccgroup-ccmonth-wrapper { clear: left; }

  .isResponsive #edit-ccgroup-ccyear-wrapper,
  .isResponsive #edit-ccgroup-ccmonth-wrapper { width: 40%; }
  .isResponsive #edit-ccgroup-cctype-wrapper { padding-right: 20px; }

  .isResponsive.members-donations-form #edit-name-wrapper,
  .isResponsive.members-donations-form #edit-lastname-wrapper,
  .isResponsive.members-donations-form #amount-header,
  .isResponsive.members-donations-form #edit-ccgroup-ccyear-wrapper,
  .isResponsive.members-donations-form #edit-ccgroup-ccmonth-wrapper,
  .isResponsive.members-donations-form #edit-ccgroup-ccnumber-wrapper,
  .isResponsive.members-donations-form #edit-ccgroup-ccnumber,
  .isResponsive.members-donations-form #edit-ccgroup-cctype-wrapper { width: 100% !important; }
  .isResponsive.members-donations-form #edit-ccgroup-cctype-wrapper { padding-right: 0; }
  .isResponsive.members-donations-form #edit-ccgroup-ccyear-wrapper { float: left; }
}

@media all and (min-width: 600px) and (max-width: 940px) {

  .isResponsive .donationqtty-radios .form-item { width: 20% }
  .isResponsive #socios-premium-template-form .donationqtty-radios .form-item label,
  .isResponsive .donationqtty-radios .form-item label,
  .isResponsive #donations-template-form .donation-options .form-item label { display: inline-block; width: 100%; font-size: 20px !important; }
  .isResponsive #socios-premium-template-form  #edit-donationqtty--1-wrapper label,
  .isResponsive #donations-template-form .donation-options #edit-donationqtty--1-wrapper label { font-size: 14px !important; }
  .isResponsive #edit-regularity-wrapper label,
  .isResponsive #edit-donationqtty--1-wrapper,
  .isResponsive #edit-iodestination-wrapper label { display: inline-block; width: 20%; }
  .isResponsive .donation-form select#edit-regularity,
  .isResponsive #edit-iodestination { width: 211px; }
  .isResponsive #edit-otheramount-wrapper { position: absolute; width: 20%; padding-top: 0; margin-top: -32px; margin-left: 4px; right: 0; }
  .isResponsive .donation-options { overflow: hidden; margin: 10px 0; }

}

@media all and (max-width: 940px) {

  .isResponsive * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

  .isResponsive #block-block-45 .video-embed iframe { width: 100% !important; height: 350px; }

  .isResponsive input[type=radio] {
      vertical-align: middle;
  }
  .isResponsive #block-nodeasblock-7173 {
    float: right;
    padding-top: 3px;
    position: relative;
    z-index: 1;
  }

  #block-menu-menu-mi-perfil ul li.first {
    margin-right: 0px;
    padding-right: 0px;
  }

  .isResponsive .block-locale .unfoldme {
    padding-left: 2px;
  }

  /* =Fonts */

  .isResponsive #news-home .view-Destacados .title,
  .isResponsive .social-menu-lateral .social-left .txt,
  .isResponsive .content .dona a,
  .isResponsive .content .unete a {
      font-family: 'OxfamGlobalHeadline-Regular';
      font-size: 24px;
      background-color: initial;
      line-height: 100%;
      text-align: left;
      padding: 0;
      margin: 0;
  }


  .isResponsive #topbar { background: url(../img/background-responsive.png) top left repeat-x; min-height: 11px; padding-top: 0;}
  .isResponsive #site-name a { background: url(../img/logo-responsive.png) no-repeat 0 0; height: 46px;  }
  .isResponsive #site-name { height: 46px;  }
  .isResponsive #header-inner { background-color: #fff; }
  .isResponsive h1#site-name { padding: 0; }
  .isResponsive #main { margin-top: 0 !important; }
  .isResponsive #page { background: none; background-color: #EAEADE }

  .isResponsive #topbar-inner .block-intermon_customizations,
  .isResponsive #header-blocks,
  .isResponsive #navbar { display: none; }

  .isResponsive #topbar-inner {
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    padding: 0;
    top: 12px;
  }

  .isResponsive #topbar-inner .block-locale {
    display: block;
    float: left;
  }
  .isResponsive #topbar-inner .showPanel { display: none; }
  #topbar .block-locale ul li a.active,
   #topbar .block-locale ul li.active,
  .isResponsive #topbar-inner .content.unfoldme { display: block !important; }

  #topbar .block-locale ul li a.active,
   #topbar .block-locale ul li.active { display: inline-block !important; color: initial; }
   #topbar .block-locale ul li { width: auto !important; display: inline-block !important; color: #61a543; text-decoration: underline; }
   #topbar .block-locale ul li a { color: #61a543; }
   #topbar .block-locale ul li.first { padding-right: 5px !important; }
   #topbar .block-locale ul li.en,
   #topbar .block-locale ul li.fr { display: none !important; }
   #topbar .block-locale ul li.eu { display: none !important; }

  .isResponsive #topbar-inner .content.unfoldme {
    position: relative;
    top: initial;
    left: initial;
    margin-left: 0;
    margin: 0 auto;
    text-align: right;
}


  .view-front-banner-slide .image-caption { height: 190px; }

  .isResponsive .menu-show:hover { cursor: pointer; }
  .isResponsive #navbar .menu .leaf.last.menu-mlid-8523,
  .isResponsive #navbar .menu .leaf.last.menu-mlid-8524,
  .isResponsive #navbar .menu .collapsed,
  .isResponsive #navbar .menu .expanded { width: 100%; display: block; border-left: none; }
  .isResponsive #navbar .menu .collapsed a,
  .isResponsive #navbar .menu .expanded a { border-bottom: 2px solid #fff; }
  .isResponsive #navbar .menu  a.menu-highlighted { background: none; background-color: #f16E22; }
  .isResponsive #navbar .menu .leaf { display: none; }

  /* =Breadrcumb */
  .isResponsive .breadcrumb { display: none; }
  /* =Home */
  .isResponsive .content .actua { display: none; }
  .isResponsive .content .block-actua-wrapper { padding: 0; }
  .isResponsive .content .dona,
  .isResponsive .content .unete { float: left; width: 50%; margin: 0; padding: 25px 10px; border: 0; background-color: #fff; min-height: 98px; }
  .isResponsive .content .unete { padding-left: 38px; }
  .isResponsive #block-block-36.ioc6 { padding: 10px 0 30px; background-color: #EAEADE; }
  .isResponsive .content .dona .header,
  .isResponsive .content .unete .header,
  .isResponsive .content .dona p,
  .isResponsive .content .unete p { display: none; }

  .isResponsive .content .dona a,
  .isResponsive .content .unete a {
      font-family: 'OxfamGlobalHeadline-Regular';
      font-size: 24px;
      background-color: initial;
      line-height: 100%;
      text-align: left;
      padding: 0;
      margin: 0;
  }

  .isResponsive .content .dona a { color: #f16E22;}
  .isResponsive .content .unete a { color: #E70052;}
  .isResponsive .content .dona a:before,
  .isResponsive .content .unete a:before { display: none; }

  .isResponsive #block-block-41.ioc6 .social-menu-lateral { padding-bottom: 35px; margin-top: 0; margin-bottom: 0; padding-top: 13px; background-color: #EAEADE; }
  .isResponsive #block-block-41.ioc6 { margin-top: 0; }
  .isResponsive #content #news-home  { margin-top: 0px; }
  .isResponsive #block-views-Home_ULTIMA_HORA-block_1.ioc6,
  .isResponsive #block-views-Destacados-block_1.ioc6 { margin-top: 30px; }
  .isResponsive #block-views-Destacados-block_1.ioc6 { margin-top: 0; }
  .isResponsive #content #news-home .ioc6 { border-bottom: none; }
  .isResponsive #content #news-home .ioc6 h2 { left: 0; border-bottom: none !important; }
  .isResponsive #content #news-home .ioc6 .imagen { display: none; }
  .isResponsive .ioc3:first-child { margin-top: 25px; }
  .isResponsive .ioc3:first-child,
  .isResponsive .ioc3 { width: 100%; margin-left: 0 !important; margin-bottom: 30px; }
  .isResponsive .ioc3 p { margin: 0; font-size: 16px; color: #333; line-height: 100%; }
  .isResponsive .view-Destacados .field-content { padding-left: 10px; }
  .isResponsive #news-home .view-Destacados .title { margin-bottom: 8px; }

  .isResponsive .social-menu-lateral .social-inner .social-right .txt { display: none; }
  .isResponsive .social-menu-lateral .social-inner .social-left { width: 100%; background-color: #fff; padding-top: 13px; }
  .isResponsive .social-menu-lateral .social-inner .social-left .txt { font-size: 26px; color: #F16E22; padding-left: 10px; padding-right: 15px; vertical-align: middle; }
  .isResponsive .social-menu-lateral .social-inner .social-left .icons { padding-right: 0; vertical-align: middle; padding-left: 10px; padding-bottom: 10px;}
  .isResponsive .social-menu-lateral .social-left .icons img { height: 26px; }
  .isResponsive .social-menu-lateral .social-right { float: left; width: 100%; background-color: #fff; padding-bottom: 16px; }
  .isResponsive .social-menu-lateral .social-inner .social-right .arrow .arrow { margin-left: 0; width: 278px; font-size: 13px; }


  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 { margin-top: 0; }
  .isResponsive #block-views-Destacados-block_3.ioc6 { padding-top: 18px; padding-bottom: 20px; background-color: #EAEADE }
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-field-field-articulo-foto-fid { width: 100%; }
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-field-field-articulo-foto-fid img { max-width: 100% !important; height: auto !important; }
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-field-body { display: none; }
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-field-title h3 { line-height: 120%; margin: 0; }
  .isResponsive #news-home .view-Home-ULTIMA-HORA { padding-top: 34px; padding-bottom: 0; }
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-row { margin-bottom: 25px; }

  .isResponsive #block-views-Destacados-block_3 .field-content { padding: 0 !important; }
  .isResponsive #news-home .view-Destacados .field-content img { width: 100% !important; height: auto !important; margin: 0; }

  .isResponsive #views_slideshow_singleframe_teaser_section_image_gallery-attachment_1 { width: auto !important; height: 360px !important }
  body.front.isResponsive .view-Galerias .views-row.views-row-first { width: 100%; }

  .isResponsive #content-bottom .block-videos-home { padding: 60px 0 0; position: relative; margin-top: 0; margin-bottom: 0; border-bottom: none; }
  .isResponsive #content-bottom .block-videos-home .text .content,
  .isResponsive #content-bottom .block-videos-home .btn-firma { display: none !important; }
  .isResponsive #content-bottom .block-videos-home .footer { margin-top: 0; }

  .isResponsive #content-bottom .block-videos-home .text a { display: block !important; position: absolute; top: 15px; left: 30px; }

  .isResponsive #pre-footer-inner { padding: 65px 10px 0; }
  .isResponsive #footer #footer-inner { border-top: 20px #EAEADE solid; border-bottom: 31px #EAEADE solid; }
  .isResponsive #pre-footer-inner #block-block-42 { font-size: 0 }
  .isResponsive #pre-footer .content .first.column,
  .isResponsive #pre-footer .content .second.column,
  .isResponsive #pre-footer .content .third.column,
  .isResponsive #pre-footer .content .fourth.column { display: inline-block; padding: 0; margin: 0 0 30px; font-size: 13px; }
  .isResponsive #pre-footer .column ul .title { line-height: 170%; }
  .isResponsive #pre-footer .column ul li { line-height: 160%; }

  .isResponsive #pre-footer,
  .isResponsive #footer { position: relative; }

  .isResponsive #pre-footer .content .second.column,
  .isResponsive #pre-footer .content .fourth.column { padding-left: 10px; }

  .isResponsive #footer #footer-inner { padding: 18px 10px; }
  .isResponsive #footer .block-menu-about { margin: 0 0 40px }
  .isResponsive #footer .oxfam-footer-logo { float: left; width: 100%; margin-top: -23px; margin-bottom: 0; }
  .isResponsive #block-block-43 img { width: 162px !important; height: auto !important; }
  .isResponsive #footer .block-menu-about li.first { padding-left: 0; }

  .isResponsive #block-views-front_banner_slide-block_2 { margin-bottom: 0; }


  .isResponsive .view-front-banner-slide .field-body { display: none; }
  .isResponsive .view-front-banner-slide .views-slideshow-controls-bottom { bottom: 110px; }

  .isResponsive #content-bottom #block-views-Galerias-block_1 { display: none; }


  /* =Donation Socio */
  .isResponsive #socios-premium-template-form label,
  .isResponsive #donations-template-form label { font-size: 14px !important; margin-bottom: 5px; }
  .isResponsive #socios-premium-template-form,
  .isResponsive #donations-template-form { border-bottom: none; padding-bottom: 0; }
  .isResponsive #socios-premium-template-form select,
  .isResponsive #donations-template-form select { background-color: #fff; }
  .isResponsive #sidebar-right { display: none; }
  .isResponsive.emergencia #content-inner,
  .isResponsive.front #content-inner { background-color: #fff; padding: 10px 0 0; }
  .isResponsive #content-inner { background-color: #fff; padding: 10px; }

  .isResponsive.iouser-donations-processed #content-top .block { display: none; }

  .isResponsive #edit-iodestination-wrapper { margin-top: 6px; margin-bottom: 6px; }

  .isResponsive .card-or-bank-switch .form-item,
  .isResponsive .form-radios.person-company-selector .form-item { width: 50%; }

  .isResponsive .card-or-bank-switch .form-item label { width: 100%; margin: 0; display: inline-block; }
  .isResponsive .card-or-bank-switch .form-item:last-child() label { padding-left: 10px; }


  .isResponsive #edit-name-wrapper,
  .isResponsive #edit-lastname-wrapper,
  .isResponsive #edit-country-wrapper,
  .isResponsive #edit-idcard-wrapper,
  .isResponsive #edit-email-wrapper,
  .isResponsive #edit-mobile-wrapper,
  .isResponsive #edit-name-wrapper input,
  .isResponsive #edit-lastname-wrapper input,
  .isResponsive #edit-country-wrapper select,
  .isResponsive #edit-email-wrapper input,
  .isResponsive #edit-mobile-wrapper input,
  .isResponsive #edit-ccgroup-cctype-wrapper select,
  .isResponsive #edit-ccgroup-ccnumber-wrapper input,
  .isResponsive #edit-idcard-wrapper input { width: 100%; }


  .isResponsive #edit-bankaccount-bank-wrapper,
  .isResponsive #edit-bankaccount-office-wrapper,
  .isResponsive #edit-organization-type-wrapper,
  .isResponsive #edit-bankaccount-control-wrapper,
  .isResponsive #edit-bankaccount-account-wrapper,
  .isResponsive #edit-bankaccount-iban-wrapper { width: 100%; display: block; }

  html.js input.form-autocomplete { background-image: none }

  .isResponsive .donations2-form fieldset .form-item .form-text,
  .isResponsive .donations2-form .address-data [id|="edit-postaladdress-wrapper"] .form-text,
  .isResponsive .donations2-form .address-data [id|="edit-waytype-wrapper"] select { width: 100%; }

  .isResponsive #edit-ccgroup-ccyear-wrapper select,
  .isResponsive #edit-ccgroup-ccmonth-wrapper select { width: 125px; }

  .isResponsive #edit-ccgroup-cccvv-wrapper { width: 50px; }

  .isResponsive .form-radios.donationqtty-radios input[type=radio] { margin: 0; }

  .isResponsive .form-radios.increment-radios,
  .isResponsive #edit-regularity-wrapper { width: 100%; }

  .isResponsive .form-radios.increment-radios .form-item { width: 33.3%; }
  .isResponsive .form-radios.increment-radios .form-item label { display: inline-block; width: 100%; }

  .isResponsive #block-menu_block-11 { display: block; }

  .isResponsive .increment-radios-wrapper { width: 100%; float: left; }
  .isResponsive .donation-form .disclaimer { font-size: 13px; float: left; margin-top: 24px; }

  .isResponsive .donation-form .bankaccount [id|="edit-bankaccount-iban"] .more-info { width: 18px; height: 17px; }
  .isResponsive #block-block-34 { font-size: 13px; }
  .isResponsive #main-inner #content-inner #content-header h1.title { border-bottom: none }

  /* Emergency */
  .isResponsive .field-field-articulo-subtitulo .field-item.odd strong b { font-weight: normal; }
  .isResponsive .group-articulo-tabs .pure-js-tabs { display: block; border-bottom: 0; }
  .isResponsive .group-articulo-tabs .pure-js-tabs li { width: 100%; }
  .isResponsive .group-articulo-tabs .pure-js-tabs li a { background: #61A534; position: relative; color: #fff; margin-left: 0; font-size: 16px; padding: 13px 10px;
    border: 1px solid #FFF;
    border-left: 0;
    border-right: 0;
  }
  .isResponsive .fieldgroup.group-articulo-tabs .pure-js-tabs .active a:hover { cursor: pointer; }
  .isResponsive.emergencia #main-inner #content-inner #content-header h1.title { padding-left: 10px; padding-right: 10px; }
  .isResponsive.emergencia #content-area { margin-top: 0 !important }

  .isResponsive .group-articulo-tabs .pure-js-tabs li a:after { content: '>>'; display: block; position: absolute; top: 50%; margin-top: -10px; right: 20px; width:20px; height: 20px; }
  .isResponsive .fieldgroup.group-articulo-tabs * { max-width: 100% !important; }
  .isResponsive .pure-js-tabs { margin-top: 0 !important}
  .isResponsive .fieldgroup.group-articulo-tabs .main-action.stress { height: 28px !important; width: 100% !important; margin-bottom: 10px; }
  .isResponsive .fieldgroup.group-articulo-tabs .label-bank-wrapper { width: 100% !important}

  .isResponsive .mobile-container { width: 100% !important; background-color: transparent !important; }
  .isResponsive .mobile-none { display: none !important; }

  .isResponsive.emergencia .field-field-articulo-gal-relacionada h2 + .content { border-top: none }

  .isResponsive .field.field-type-text,
  .isResponsive .field.field-field-articulo-subtitulo { padding-left: 10px; padding-right: 10px; }
  .isResponsive .field-field-articulo-botondestino,
  .isResponsive .field-field-articulo-relacionado,
  .isResponsive .field-field-articulo-docs-relacionados,
  .isResponsive .field-field-articulo-gal-relacionada h2,
  .isResponsive .field-field-articulo-video-incrustado h2,
  .isResponsive .links-deco { display: none; }
  .isResponsive .image-mobile { display: block; !important; }

  .isResponsive .view-field-articulo-gal-relacionada .attachment-before { padding-left: 10px; }

  .isResponsive .share-article { float:left; width: 100%; height: 75px; background: #f16E22; text-align: center; font-family: OxfamGlobalHeadline-Regular; font-size: 30px; color: #FFF; display: table; margin-top: 20px }
  .isResponsive .share-article .share-text { display: table-cell; margin-left: 10px; vertical-align: middle; }
  .isResponsive .share-article .share-icons { display: table-cell; vertical-align: middle; margin-top: 3px; }

  .isResponsive .foto_field_image_container { margin: 0 auto; text-align: center; width: 100%; }
  .isResponsive .foto_field_image_container img { margin: 0 auto; max-width: 100%; height: auto; }

  /* Agradecimiento node-type */
  .isResponsive.node-type-agradecimiento #sidebar-left { display: none }
  body.isResponsive.node-type-agradecimiento #main-inner #content-area .node-inner .content > h3 { font-family: 'OxfamGlobalHeadline-Regular'; font-size: 45px !important; color: #f16e22 }
  .isResponsive.node-type-agradecimiento #block_missatges_fb_twitter { width: auto; }
  .isResponsive.node-type-agradecimiento #block_missatges_fb_twitter img { width: 100%; }
  .isResponsive.node-type-agradecimiento #block_missatges_fb_twitter .div_img { text-align: center; margin-right: 0 }
  .isResponsive.node-type-agradecimiento #block_missatges_fb_twitter .div_text { padding-right: 0 }
  .isResponsive.node-type-agradecimiento .div_share { display: none; }
  .isResponsive.node-type-agradecimiento #main-inner #content-inner #content-header h1.title { border-bottom: none }

  /* Donations secod step */
  .isResponsive #donations2-form .form-item { width: 100% }
  .isResponsive #donations2-form .deduct-field .form-item { width: inherit; }
  .isResponsive .donation-form .section-header h3 { color: #61a543; border-bottom: none; }
  .isResponsive .donations2-form .form-radios { margin-left: 0; }

  .isResponsive #emvideo-youtube-flash-wrapper-1 object { width: 100% !important; height: auto !important; }
  .isResponsive #views_slideshow_singleframe_teaser_section_field_articulo_gal_relacionada-attachment_1  { height: auto; }


  /*=Inbound Form */
  .isResponsive.members-donations-form #sidebar-left { display: none; }
  .isResponsive.members-donations-form .form-header-background { width: 100%; }
  .isResponsive.members-donations-form .form-wrapper { width: 100%; max-width: 700px; }
  .isResponsive.members-donations-form .image-desktop {
      background: none;
      display: none;
  }
  .members-donations-form .donation-options { width: 100%; }
  .isResponsive.members-donations-form .main-wrapper .field-wrapper { width: 100%; }


  .isResponsive.members-donations-form .donation-form .form-item .form-select,
  .isResponsive.members-donations-form .formiflex-form .form-item .form-text { padding: 10px 3px !important; }


  /*=Cookies */
  .isResponsive #sliding-popup .popup-content { width: 100%; }
  .isResponsive #sliding-popup .popup-content #popup-text { width: 100%; margin: 5px 0; padding: 10px; }

  /*=Agradecimientos*/
  .isResponsive .node-type-agradecimiento { overflow: hidden; }
  .isResponsive .node-type-agradecimiento img { max-width: 100%; }
  .isResponsive .node-type-agradecimiento img.not-max-width { max-width: initial; }
  .isResponsive.node-type-agradecimiento #content-inner { padding-top: 20px; }

  .isResponsive.seccion-accion-humanitaria #selections-inner { width: 100%; }
  .isResponsive.seccion-accion-humanitaria h1.title { margin-left: 10px; }
  .isResponsive.seccion-accion-humanitaria #selections-inner .field.field-type-text { padding-left: 0; padding-right: 0; }
  .isResponsive.seccion-accion-humanitaria #selections-inner img { width: auto; max-width: 100%; height: auto; }
  .isResponsive.seccion-accion-humanitaria #content-inner,
  .isResponsive .node-type-seccion .field-field-seccion-descrip { padding-left: 0; padding-right: 0; }
  .isResponsive .node-type-seccion .field-field-seccion-descrip { background-color: #EAEADE; }
  .isResponsive .node-type-seccion .field-field-seccion-descrip img { max-width: 100%; height: auto; margin: 0 auto; }
  .isResponsive .full-width-mobile { width: 100% !important; height: auto !important; overflow: hidden; background-color: #fff; }
  .isResponsive .bg-transparent { background-color: rgba(0,0,0,0); }
  .isResponsive .full-width-mobile .pad-ho-10 { padding-left: 10px; padding-right: 10px; }
  .isResponsive .full-width-mobile.donate-place-block p { padding-left: 10px; padding-right: 10px; }
  .isResponsive .full-width-mobile.donate-place-block p  a  img { margin-bottom: 5px !important; }
  .isResponsive .full-width-mobile.thanks-block { display: none; }
  .isResponsive .full-width-mobile.foundation-block { padding: 15px !important; }
  .isResponsive .full-width-mobile.foundation-block p { padding: 0 0 10px !important; }
  .isResponsive.seccion-accion-humanitaria .listado-articulos-foto-izda-t-inside { padding-left: 10px; padding-right: 10px; }

  .isResponsive .desktop-only.is-responsive-emergency-banner { display: none; margin: 0 auto; }
  .isResponsive .mobile-only.is-responsive-emergency-banner { display: block; margin: 0 auto; }

  /* New emergencies */
  .isResponsive #main-inner #content-inner #content-header h1.title { display: none; }
  .isResponsive.seccion-accion-humanitaria .view-display-id-block_10 .views-row { padding-bottom: 0; }
  .isResponsive.seccion-accion-humanitaria .view-display-id-block_10 .views-row .views-field-title,
  .isResponsive.seccion-accion-humanitaria .view-display-id-block_10 .views-row .views-field-field-articulo-subtitulo-value { width: 100%; }
  .isResponsive.seccion-accion-humanitaria .view-display-id-block_10 .views-row .views-field-field-articulo-boton-emergencias-url { float: none; width: 100%; margin-top: 20px; margin-left: 15px; }
  .isResponsive.seccion-accion-humanitaria a.bg-red-button { width: 80%; }
  .isResponsive.seccion-accion-humanitaria .view-display-id-block_13 .views-row { width: 100%; padding-bottom: 0; float: none; position: inherit; min-height: 0; }
  .isResponsive.seccion-accion-humanitaria .view-display-id-block_13 .views-row .views-field-field-articulo-boton-emergencias-url { position: inherit; bottom: inherit; margin-top: 20px; }
  .isResponsive.seccion-accion-humanitaria .block.block-views#block-views-Emergencias-block_11 h2 { margin: 0; padding-top: 0; }
  .isResponsive.seccion-accion-humanitaria #block-views-Emergencias-block_11 .row-2-cols .views-row, 
  .isResponsive.seccion-accion-humanitaria #block-views-Emergencias-block_11 .row-3-cols .views-row { width: 100%; min-height: inherit; position: inherit; }
  .isResponsive.seccion-accion-humanitaria #block-views-Emergencias-block_11 .row-2-cols .views-field-field-articulo-boton-emergencias-url,
  .isResponsive.seccion-accion-humanitaria #block-views-Emergencias-block_11 .row-3-cols .views-field-field-articulo-boton-emergencias-url { width: 100%; position: inherit; margin-top: 20px; }
  .isResponsive.seccion-accion-humanitaria #block-views-Emergencias-block_11 .views-field-field-articulo-boton-emergencias-url { position: inherit; bottom: inherit; text-align: inherit; }
  .isResponsive.seccion-accion-humanitaria #block-views-Emergencias-block_11 a.bg-red-button { width: 90%; }

  .isResponsive.seccion-accion-humanitaria #block-views-Articulos-block_2 .listado-articulos-foto-izda-t-inside .views-row .views-field-field-articulo-foto-fid,
  .isResponsive.seccion-accion-humanitaria .listado-articulos-foto-izda-t-inside .views-row .views-field-field-articulo-video-embed,
  .isResponsive.seccion-accion-humanitaria .listado-articulos-foto-izda-t-inside .views-row .views-field-field-articulo-gal-fotograf-fid { width: 65%; float: none; }
  .isResponsive.seccion-accion-humanitaria #block-views-Articulos-block_2 .listado-articulos-foto-izda-t-inside .views-row .views-field-field-articulo-foto-fid img,
  .isResponsive.seccion-accion-humanitaria .listado-articulos-foto-izda-t-inside .views-row .views-field-field-articulo-video-embed img,
  .isResponsive.seccion-accion-humanitaria .listado-articulos-foto-izda-t-inside .views-row .views-field-field-articulo-gal-fotograf-fid img { width: 100%; height: 100%; }
  .isResponsive.seccion-accion-humanitaria #main-inner #content-area #block-views-Articulos-block_2 .views-field-title h3 { font-size: 22px !important; line-height: 25px; font-family: 'OxfamTSTARPRO-Headline'; color: #000; }

  .isResponsive.seccion-accion-humanitaria .block.block-views#block-views-Emergencias-block_12 .views-row .views-field-field-articulo-foto-fid { float: none; }
  .isResponsive.seccion-accion-humanitaria .block.block-views#block-views-Emergencias-block_12 .views-row .views-field-title { width: 100%; margin: 10px 0 0 0; }
  .isResponsive.seccion-accion-humanitaria .block.block-views#block-views-Emergencias-block_12 .views-row .views-field-field-articulo-subtitulo-value { width: 100%; margin: 10px 0 0 0; }
  .isResponsive.seccion-accion-humanitaria .view-display-id-block_13 .view-footer .donate-place-block.foundation-block a.bg-darkgray-button { width: 255px; }

  .isResponsive.seccion-accion-humanitaria #block-views-Emergencias-block_11 .view-footer .block-agua { background: url('../img/fondoTrabajoAguaMovil.png') no-repeat bottom #21a49e; }

  .isResponsive #block-nodeasblock-40576,
  .isResponsive #block-nodeasblock-40577,
  .isResponsive #block-nodeasblock-40578,
  .isResponsive #block-nodeasblock-40570,
  .isResponsive #block-nodeasblock-40569,
  .isResponsive #block-nodeasblock-40568,
  .isResponsive #block-nodeasblock-40633,
  .isResponsive #block-nodeasblock-40896,
  .isResponsive #block-nodeasblock-40634 { display: none !important; }

}

@media all and (max-width: 650px) {
  .isResponsive .full-width-mobile { padding: 0 !important; }
  .isResponsive .full-width-mobile.donate-place-block img.img-place { margin: 0 auto 10px auto !important; float: none !important; display: block; }
  .isResponsive .node-type-seccion .field-field-seccion-descrip a img.img-place { display: block; margin: 0 auto !important; margin-right: 0; float: none !important; }


  .isResponsive .banner-container .main-text-container .oxfam-global-headline { font-size: 40px !important; }
  .isResponsive .banner-container .sub-text-container { width: 100% !important; text-align: left !important; }

}

@media all and (min-width: 651px) and (max-width: 940px) {
  .isResponsive .banner-container .sub-text-container { width: 33% !important; text-align: right !important; }
  .isResponsive .banner-container .break { display: block; line-height: 0; }
}


@media all and (max-width: 700px) {
  .isResponsive .full-width-mobile { margin: 0 auto; }
  .isResponsive .full-width-mobile .title-linked { padding-left: 10px; padding-right: 10px; padding-top: 10px; display: inline-block; }
  .isResponsive .full-width-mobile.donate-block { border-bottom: 15px solid #D4D4D4 !important; padding: 15px 10px !important; margin-bottom: 0 !important; }
  .isResponsive .full-width-mobile.donate-place-block { border-bottom: 15px solid #D4D4D4 !important; margin-bottom: 0 !important; padding-bottom: 10px !important; }
  .isResponsive .full-width-mobile.donate-place-block p:last-child {  margin-bottom: 0 !important; }
}

@media all and (min-width: 720px) and (max-width: 940px) {


  .isResponsive #site-name a { background: url(../img/logo.png) no-repeat 0 0; height: 76px; }
  .isResponsive #site-name { height: 76px; }
  .isResponsive .menu-show { top: 45px; }
  .isResponsive #navbar {
    top: 104px;
  }

  .isResponsive .social-menu-lateral .social-right { display: table; width: 50%; padding-bottom: initial; height: 58px; }
  .isResponsive .social-menu-lateral .social-inner .social-left { display: table; width: 50%; padding-top: initial; height: 58px; }

  .isResponsive .social-menu-lateral .social-inner .social-right .arrow,
  .isResponsive .social-menu-lateral .social-inner .social-right .arrow .arrow,
  .isResponsive .social-menu-lateral .social-inner .social-left .icons,
  .isResponsive .social-menu-lateral .social-inner .social-left .txt { display: table-cell; vertical-align: middle; }

  .isResponsive .social-menu-lateral .social-inner .social-right .arrow { padding-left: 8px; }

  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-row { width: 100%; margin: 10px 0; padding: 0 10px; }
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-field-field-articulo-foto-fid { display: block; width: 27%; }
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-field-title,
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-field-body { display: block; float: right; width: 70%; vertical-align: top; }
  .isResponsive #news-home #block-views-Home_ULTIMA_HORA-block_1 .views-field-body { margin-top: 10px; }

  /*= Slide */

  /*= Home */
  .isResponsive .views_slideshow_singleframe_teaser_section { width: 100%; }
  .view-front-banner-slide .image-caption { width: 40% !important; padding: 20px 10px 10px; }
  .isResponsive .view-front-banner-slide .field-title {
    background-color: transparent;
    width: 100%;
    bottom: 0;
    text-align: left;
    min-height: initial;
    position: relative;
    padding: 0;

  }
  .isResponsive .view-front-banner-slide .field-body {
      display: block;
      font-size: 14px;
      width: 100%;
      margin-top: 15px;
      text-align: left;
  }
  .isResponsive .view-front-banner-slide .views-slideshow-controls-bottom { bottom: 10%; }


  /*= Home 2 */
  .isResponsive.emergencia .field-field-articulo-gal-relacionada { display: block; min-height: 700px; overflow: hidden; }
  .isResponsive #content-bottom #block-views-Galerias-block_1 { display: block; min-height: 780px; overflow: hidden; }
  .isResponsive #views_slideshow_singleframe_teaser_section_image_gallery-attachment_1 { height: auto !important; }
  .isResponsive .view-display-id-block_2 { width: 100%; padding: 0 10px; max-width: none; }
  .isResponsive.emergencia .views_slideshow_singleframe_slide.views_slideshow_slide img,
  .isResponsive .views_slideshow_singleframe_slide.views_slideshow_slide img { width: 100% !important; margin-left: 0; }
  .isResponsive .views_slideshow_singleframe_slide.views_slideshow_slide img { width: 100% !important; margin-left: 0; max-width: 625px; }
  .isResponsive .views-field-field-articulo-gal-fotograf-data-1,
  .isResponsive .views-field-field-articulo-gal-fotograf-data { max-width: 625px; margin: -4px auto 0; }

  .isResponsive.emergencia .views_slideshow_singleframe_controls,
  .isResponsive .views_slideshow_singleframe_controls {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 50px;
    max-width: 625px;
    margin: 0 auto;
  }
  .isResponsive .views_slideshow_singleframe_slide.views_slideshow_slide { width: 100% !important; }
  .isResponsive .view-field-articulo-gal-relacionada .views-slideshow-controls-top .views_slideshow_previous,
  .view-image-gallery .views-slideshow-controls-top .views_slideshow_previous { top: 50%; margin-top: -25px; left: 20px !important; margin-left: 0; }
  .isResponsive .view-field-articulo-gal-relacionada .views-slideshow-controls-top .views_slideshow_next,
  .view-image-gallery .views-slideshow-controls-top .views_slideshow_next { left: initial !important; right: 20px !important; top: 50%; margin-top: -25px; }
  /*= Emergency */
  .isResponsive .views_slideshow_singleframe_teaser_section { overflow: initial !important; height: auto; }


  /*= Forms */
  .isResponsive .form-item select,
  .isResponsive .formiflex-form .form-item .form-text { padding: 10px 3px !important; }
  .isResponsive #edit-otheramount-wrapper { margin-top: -17px; }
  .donation-form #edit-otheramount-wrapper .description { display: inline-block; margin-top: 10px; }

  /*=Inbound form */
  .isResponsive.members-donations-form #amount-header,
  .isResponsive.members-donations-form #edit-ccgroup-ccyear-wrapper,
  .isResponsive.members-donations-form #edit-ccgroup-ccmonth-wrapper,
  .isResponsive.members-donations-form #edit-ccgroup-ccnumber-wrapper,
  .isResponsive.members-donations-form #edit-ccgroup-ccnumber,
  .isResponsive.members-donations-form #edit-ccgroup-cctype-wrapper { width: 47% !important; }


}

@media all and (min-width: 941px) {
  #pre-footer .menu-name-menu-cabecera-superior { display: none; }
  .desktop-none { display: none !important; }
  .isResponsive #news-home .block-actua { margin: 35px 0 0 0; }


  body.sidebar-left div#views_slideshow_singleframe_teaser_section_field_articulo_gal_relacionada-default,
  body.sidebar-right div#views_slideshow_singleframe_teaser_section_field_articulo_gal_relacionada-default {
    width: 700px!important;
  }

  body.sidebar-left .views_slideshow_singleframe_slide.views_slideshow_slide div,
  body.sidebar-right .views_slideshow_singleframe_slide.views_slideshow_slide div {
    width: 670px!important;
  }
}

body.sidebar-left .views_slideshow_singleframe_slide.views_slideshow_slide img,
body.sidebar-right .views_slideshow_singleframe_slide.views_slideshow_slide img {
  width: 700px!important;
  max-height: 475px!important;
}

@media all and (min-width: 720px) and (max-width: 940px) and (orientation:portrait) {
  div#views_slideshow_singleframe_teaser_section_field_articulo_gal_relacionada-default {
    min-height: 615px!important;
  }

  div.fieldgroup.group-articulo-tabs {
    margin-bottom: 75px!important;
  }

  body.sidebar-left .view-field-articulo-gal-relacionada .views-slideshow-controls-top,
  body.sidebar-right .view-field-articulo-gal-relacionada .views-slideshow-controls-top {
    right: 0px!important;
  }

}



@media all and (max-width: 729px) {

  div.fieldgroup.group-articulo-tabs {
    margin-bottom: 75px!important;
  }

  body.sidebar-left .views_slideshow_singleframe_slide.views_slideshow_slide img,
  body.sidebar-right .views_slideshow_singleframe_slide.views_slideshow_slide img {
    width: 320px!important;
    height auto;
  }

}