
/* - ++resource++portal.banner/portalbanner.css - */
/* https://www.fedc.es/portal_css/++resource++portal.banner/portalbanner.css?original=1 */
@charset "UTF-8";#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;}
.fila-portlet-banner{display:-webkit-box;display:-ms-flexbox;display:flex;}
span.imagen-squared-left,span.imagen-squared-right{border:1px solid #CEC8C3;padding:4px;width:50%;background-color:white;}
span.imagen-squared-left{margin-right:1em;}
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:1em;}
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-wrap:break-word;}
.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%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.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 .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 #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;}
