/* - ++resource++portal.banner/portalbanner.css - */
/* https://donaciones.once.es/portal_css/++resource++portal.banner/portalbanner.css?original=1 */
#portal-header-titleImage {margin:0.5em 0 1em 0;}
#titleImage-wrapper-home,#titleImage-wrapper-noHome {background-color:#007A2E;position:relative;z-index:1;height:100%;}
#portal-header-titleImage .wrap {position:relative;}
#portal-header-titleImage .wrap-height {background:transparent url(++resource++portal.banner/bg-headerImage-yellowBrush.png) no-repeat right top;max-width:45%;}
#portal-header-titleImage .wrap-content {padding:8.7em 135px 0.7em 3%;}
#portal-header-titleImage .titleImage-box-left {color:white;min-height:100%;width:100%;position:absolute;z-index:3;}
#portal-header-titleImage .titleImage-box-left span.title-titleImage {font-family:Avenir Next W01,Arial,FreeSans,sans-serif;font-size:2.15em;margin:0 0 30px;display:block;line-height:90%;max-width:9em;font-weight:700;}
#titleImage-wrapper-home .titleImage-box-left span.title-titleImage:first-line {font-size:1.45em;}
#portal-header-titleImage .titleImage-box-left a {font-size:1.25em;display:block;color:white;padding:15px 0 15px 1.8em;line-height:110%;text-transform:uppercase;background:url(++resource++portal.banner/play-button.png) no-repeat scroll left center / 1.4em auto transparent;}
#portal-header-titleImage .titleImage-box-left a:hover,#portal-header-titleImage .titleImage-box-left a:active,#portal-header-titleImage .titleImage-box-left a:focus {text-decoration:underline;}
#portal-header-titleImage .titleImage-box-right {position:relative;z-index:2;text-align:right;background-color:#007A2E;height:100%;overflow:hidden;}
#portal-header-titleImage .titleImage-box-right img{display:block;float:right;height:100%;margin-right:-1em;}
#titleImage-wrapper-home {margin-bottom:4em;}
#titleImage-wrapper-home,#titleImage-wrapper-home .wrap-height {height:20em;}
#titleImage-wrapper-noHome,#titleImage-wrapper-noHome .wrap-height{height:15em}
#titleImage-wrapper-noHome .titleImage-box-left span.title-titleImage {font-size:2.2em;line-height:1em;}
#titleImage-wrapper-home .titleImage-box-right {float:right;}
#titleImage-wrapper-noHome .wrap-height {background-position:right bottom;}
#titleImage-wrapper-noHome .wrap-content {padding:6.5em 9em 0.7em 0;word-wrap:break-word;height:8em;overflow:hidden;}
div.portletBanner div.contenedor-banner {}
span.imagen-squared-left {display:block;float:left;border:1px solid #CEC8C3;padding:2%;width:42%;background-color:white;}
span.imagen-squared-right {display:block;float:right;border:1px solid #CEC8C3;padding:2%;width:42%;background-color:white;}
div.contenedor-banner img {display:block;width:100%;}
div.imagen-landscape img {display:block;width:100%;}
span.imagen-squared-left,span.imagen-squared-right,div.imagen-landscape {margin-top:10px;}
div.contenedor-banner div.imagen-landscape {display:block;border:1px solid #CEC8C3;padding:4px;background-color:white;}
div.sampleview-original {display:block;margin-bottom:1em;}
div.sampleview-tamanos span {display:block;margin-bottom:1em;}
div.sampleview-original span img,div.sampleview-tamanos span img {display:block;margin-top:0.3em;}
#content div.contenedor-banner a,div.portletBanner a{border:2px solid white;display:block;margin:-2px;}
#content div.contenedor-banner a:hover,div.portletBanner a:hover,#content div.contenedor-banner a:active,div.portletBanner a:active,#content div.contenedor-banner a:focus,div.portletBanner a:focus {border:2px solid #00643F;}
.BannersSponsors {display:block;padding:1.3em 0.7rem;}
.BannersSponsors .headerBannersSponsors h2{color:#000;}
.BannersSponsors .headerBannersSponsors {margin-bottom:1em;}
.BannersSponsors .contentBannersSponsors {text-align:center;}
.BannersSponsors .contentBannersSponsors img {margin:0.5em 1em;height:1.8em;}
.BannerColabora {margin-bottom:2rem;}
.BannerColabora h1 {margin:2rem 1rem;font-size:2.65em;line-height:1em;font-weight:900;word-break:break-all;}
.liBannerColabora {display:inline-block;margin-left:1em;margin-bottom:1em;vertical-align:top;width:31%;}
.liBannerColabora > a {background-color:#007A2E;color:white;display:block;width:100%;}
.liBannerColabora > a:hover,.liBannerColabora > a:active,.liBannerColabora > a:focus {color:#007A2E;background-color:white;}
.spanBannerColabora {display:block;padding:0.5em;text-align:center;font-size:1.15em;}
.liBannerColabora img {width:100%;display:block;}
#content div.cell.contenedor-banner {float:none;left:0;margin:0;}
.escritorio #portal-header-titleImage .wrap {padding:0 1rem;}
@media screen and (max-width:1152px){.escritorio #portal-header-titleImage .titleImage-box-right img {margin-right:-7em;}
.escritorio #titleImage-wrapper-noHome .titleImage-box-right img{margin-right:0;}
}
@media screen and (max-width:1024px){.escritorio #portal-header-titleImage .titleImage-box-right img {margin-right:-8em;}
}
@media screen and (max-width:1000px){.escritorio #portal-header-titleImage .wrap {position:relative;padding:0;}
.escritorio #titleImage-wrapper-home,#titleImage-wrapper-home .wrap-height {height:24em;}
.escritorio #titleImage-wrapper-noHome,#titleImage-wrapper-noHome .wrap-height{height:15em}
.escritorio #portal-header-titleImage .wrap-content {padding-left:1em;}
.escritorio #portal-header-titleImage .titleImage-box-right img {margin-right:-22%;}
.escritorio #titleImage-wrapper-noHome .titleImage-box-right img{margin-right:-13%;}
.escritorio .ulBannerColabora {text-align:center;}
.escritorio .liBannerColabora {width:46%;}
}
@media screen and (max-width:800px){.escritorio #portal-header-titleImage #titleImage-wrapper-noHome .titleImage-box-right img {margin-right:-22%;}
}
@media screen and (max-width:767px){.escritorio #portal-header-titleImage {display:none;visibility:hidden;}
.escritorio .BannerColabora h1 {margin:1rem 0;}
.escritorio .liBannerColabora {width:100%;margin-left:0;}
.escritorio .BannersSponsors {padding-left:0;}
}
.mobile #portal-header-titleImage {display:none;visibility:hidden;}
.mobile .ulBannerColabora {text-align:center;}
.mobile .BannerColabora h1 {margin:1rem 0;}
.mobile .liBannerColabora {width:100%;margin-left:0;}
.mobile .BannersSponsors {padding-left:0;}
.altocontraste #portal-header-titleImage .wrap-height {background:transparent url("++resource++portal.banner/bg_cabecera_altocontraste.png") no-repeat right top;max-width:45%;}
.altocontraste #portal-header-titleImage .titleImage-box-right {background-color:#303030;}
.altocontraste #portal-header-titleImage .titleImage-box-left a {border:1px solid transparent;}
.altocontraste #portal-header-titleImage .titleImage-box-left a:hover,.altocontraste #portal-header-titleImage .titleImage-box-left a:active,.altocontraste #portal-header-titleImage .titleImage-box-left a:focus {text-decoration:underline;border:1px solid yellow;}
.altocontraste .liBannerColabora > a {background-color:#303030;color:white;border:2px solid transparent;}
.altocontraste .liBannerColabora > a:hover,.altocontraste .liBannerColabora > a:active,.altocontraste .liBannerColabora > a:focus {color:black;background-color:yellow;border:2px solid yellow;}
.altocontraste .BannersSponsors .headerBannersSponsors h2 {color:white;}
.altocontraste #portal-column-two .portletWrapper .titulomiembrode {color:white;}
.altocontraste #content div.contenedor-banner a:hover,.altocontraste div.portletBanner a:hover,.altocontraste #content div.contenedor-banner a:active,.altocontraste div.portletBanner a:active,.altocontraste #content div.contenedor-banner a:focus,.altocontraste div.portletBanner a:focus {border:2px solid yellow;}