html body {background: #f7f7f7;}
.page{background-color: #f7f7f7;}
.bannerPrincipalRichmond {display: flex; align-items: flex-end;}
.bannerPrincipalRichmond .tituloPagina h2 {color: #fff;padding-bottom: 30px;font-family: "proxima-nova", sans-serif;font-weight: 400;font-style: normal;font-size: 48px;line-height: 50px;}



.container img{width: auto;}
.container .contentRichmondAreaRestrita *{font-family: "Open Sans", sans-serif;}
.container .contentRichmondAreaRestrita p{font-family: "Open Sans", sans-serif;font-size:14px;line-height:24px;font-weight: 400;color: #4A4A4A;}
.container .contentRichmondAreaRestrita a,
.container .contentRichmondAreaRestrita h3,
.container .contentRichmondAreaRestrita h4,
.container .contentRichmondAreaRestrita span,
.container .contentRichmondAreaRestrita strong,
.container .contentRichmondAreaRestrita{font-family: "Open Sans", sans-serif;font-size: 16px;line-height: initial;color: #4A4A4A;}
.container .contentRichmondAreaRestrita img{width: auto;max-width: 100%;}
.container .contentRichmondAreaRestrita table{}
.container .contentRichmondAreaRestrita table td{word-break: break-word;}
.container .contentRichmondAreaRestrita .Filters{margin-top: 40px;}
.container .contentRichmondAreaRestrita #filtros{display: flex;flex-wrap: nowrap;align-items: center;justify-content: flex-start;margin-bottom: 20px;}
.container .contentRichmondAreaRestrita #filtros .tituloFiltro{font-family: "Open Sans", sans-serif;font-size: 14px;font-weight: 700;color: #282828;margin-right: 10px;min-width: 90px;}
.container .contentRichmondAreaRestrita #filtros .comboFiltro{width: 100%;}
.container .contentRichmondAreaRestrita #filtros .comboFiltro select{width: 100%;height: 48px;border-radius: 5px;background: #fff;color: #4A4A4A;font-weight: 400;font-size: 14px;line-height: normal;padding-left: 20px;padding-right: 20px;border: 1px solid rgba(0, 0, 0, 0.1);cursor: pointer;}
.container .contentRichmondAreaRestrita #filtros .comboFiltro select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url('../images/setaSelectCustom.svg');background-repeat: no-repeat;background-position: right 15px center;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout {background: #fff;min-height: 50px;border-radius: 10px;padding: 10px 10px 20px 10px;margin-bottom: 20px;position:relative;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .ConteudoGenericoTitle{display: flex;align-items: stretch;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .imagemIntroducao{margin-right: 10px;display: flex;align-items: flex-start;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .ConteudoGenericoTitle h2, .ConteudoGenericoTitle h2 a{font-weight: 700;font-size:16px;color:#282828;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .boxTituloConteudoGenerico{width: 100%;overflow: hidden;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .boxTituloConteudoGenerico h2 {background-color: #F6F1EC;border-radius: 6px;padding: 9px 15px;width: 100%;margin:0;margin-bottom:20px;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .boxBtBoxView{position: absolute;bottom: 0;left:0;width: 100%;height: 190px;transition: filter 1s;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;-webkit-mask-image: linear-gradient(to top,black 40%,transparent 80%);mask-image: linear-gradient(to top,black 40%,transparent 80%);background: #fff;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .btBoxView{position: absolute;bottom: 0;left:0;width: 100%;height: 170px;z-index: 1;display: flex;flex-wrap: nowrap;justify-content: center;align-items: flex-end;padding-bottom:40px}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .btBoxView .btView{font-family: "Open Sans", sans-serif;font-size:13px; font-weight: 600; color: #E8637E;display: flex;padding: 5px;border: none;background: transparent;align-items: center;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .btBoxView .btView:hover{text-decoration: underline;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .btBoxView .btView svg{margin-left: 5px;}
.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .btBoxView .btView svg path{fill: #E8637E;}
.container .contentRichmondAreaRestrita video{width: 100%;max-width: max-content;}
.container .contentRichmondAreaRestrita .btnCinzaEsq, .container .contentRichmondAreaRestrita .btnCinzaDir{display: none;}
.container .contentRichmondAreaRestrita .btnCinzaMeio{background: none;float: none !important;width: auto !important;text-align: initial !important;display: flex;}
.container .contentRichmondAreaRestrita .btnCinzaMeio a{color: #282828;font-family: "Open Sans", sans-serif;font-size: 13px;font-weight: 700;border: 2px solid #82786F;border-radius: 5px;padding: 7px 15px;display: flex;align-items: center;margin-right: 10px;transition: all 0.5s;text-transform: uppercase;    line-height: normal;}
.container .contentRichmondAreaRestrita .btnCinzaMeio a svg{margin-left: 5px;}
.container .paginacaoAreaRestrita{display:flex;align-items: center;margin-top:50px;justify-content: center;flex-wrap: nowrap;}
.container .paginacaoAreaRestritaItem{margin:0 5px;}
.container .paginacaoAreaRestritaItem a{background-color: #D9D9D9;width:40px;height:40px;border-radius: 100%;display:flex;align-items: center;justify-content: center;color: #4A4A4A;font-family: "Open Sans", sans-serif;font-size:16px;font-weight: 700;transition: all 0.5s;}
.container .paginacaoAreaRestritaItem a:hover{background-color: #E8637E;color: #FFF;}
.container .paginacaoAreaRestritaItem a.current{background-color: #E8637E;color: #FFF;}
.container .paginacaoAreaRestritaItem.anteriorItem a{background-color: transparent;}
.container .paginacaoAreaRestritaItem.proximaItem a{background-color: transparent;}
.container .paginacaoAreaRestritaItem a svg{width: 15px;}

.container .listaDestaque{margin-top: 20px;}
.container .listaDestaque ul{display: flex;}
.container .listaDestaque ul li{margin: 0 5px;}
.container .listaDestaque ul li a{display: flex;justify-content: flex-start;flex-direction: column;}
.container .listaDestaque ul li a img{margin-bottom: 10px;display:block;}
.container .listaDestaque ul li a h2.linkTitulo{font-family: "Open Sans", sans-serif;color: #282828;font-size:16px;line-height: 18px;margin-bottom: 5px;font-weight: 700;}
.container .listaDestaque ul li a span.linkIntroducao{font-family: "Open Sans", sans-serif;color: #4A4A4A;font-size:14px;line-height: 16px;}
#BalaoPagina{padding-bottom: 20px;}

.introducaoConteudoGenerico p{font-size: 14px;line-height: 20px;color:#262626;}
.introducaoConteudoGenerico p:last-child{margin-bottom: 20px;}
.boxCategoriaConteudoGenerico{margin-bottom: 20px;}
.categoriaConteudoGenerico span.labelCategoria {color: #4A4A4A;font-size: 14px;line-height: 20px;}
.categoriaConteudoGenerico strong.labelCategoria,
.categoriaConteudoGenerico strong.descricaoConteudoGenerico
 {color: #4A4A4A;font-size: 14px;line-height: 20px;font-weight: 700;}
.barraTitluloConteudoGenerico .linksConteudoGenerico{margin-top: 20px;}
.barraTitluloConteudoGenerico .linksConteudoGenerico .listabtn{display: flex;}
.barraTitluloConteudoGenerico .linksConteudoGenerico .listabtn .btn{color:#282828;font-family: "Open Sans", sans-serif;font-size:13px;font-weight: 700;border: 2px solid #82786F;border-radius: 5px;padding: 7px 15px;display:flex;align-items: center;margin-right: 10px;transition: all 0.5s;text-transform: uppercase;}
.barraTitluloConteudoGenerico .linksConteudoGenerico .listabtn .btn:hover{background-color: #F6F1EC;}
.barraTitluloConteudoGenerico .linksConteudoGenerico .listabtn .btn svg{margin-left: 10px;}

.msg-requested{background-color: #FFF;border-radius: 6px;padding: 10px 15px;width: 100%;margin-bottom:20px;color:#262626;font-size: 14px;line-height: 20px;}
.msg-requested p{font-size: 14px;line-height: 20px;color:#262626;}
.msg-requested p:last-child{margin-bottom: 20px;color:#262626;font-size: 14px;line-height: 20px;}

.bgDetCatalogo2{display:flex;margin-top:-1px}
#BalaoPagina #canalTitulo{border-radius: 10px 10px 10px 0;background-color: #838383;font-family: "Open Sans", sans-serif;font-size:20px;font-weight: 400;color: #FFF;padding: 11px 0 11px 30px !important;}

#breadcrumbRichmond{margin: 38px 0;}
#breadcrumbRichmond .listaBreadcrumbRichmond{display: flex;align-items: center;}
#breadcrumbRichmond .listaBreadcrumbRichmond .listaElement{display: flex;align-items: center;}
#breadcrumbRichmond .listaBreadcrumbRichmond li:not(:first-child) {padding-left: 8px}
#breadcrumbRichmond .listaBreadcrumbRichmond svg{margin-right: 8px;}
#breadcrumbRichmond .listaBreadcrumbRichmond li:first-child svg path{fill: #E8637E}
#breadcrumbRichmond .listaBreadcrumbRichmond a,
#breadcrumbRichmond .listaBreadcrumbRichmond span{font-family: "Open Sans", sans-serif;font-size:14px;font-weight: 600;color: #4F4F4F;}
#breadcrumbRichmond .listaBreadcrumbRichmond span{font-weight: 700;}
#breadcrumbRichmond .listaBreadcrumbRichmond .listaElement:first-child a{color: #E8637E;display:flex;align-items: center;}
#breadcrumbRichmond .listaBreadcrumbRichmond .listaElement:last-child a{color: #E8637E}

.sidebarLink {box-shadow: 0px 2px 6px 0 rgba(0,0,0,0.15);border-radius: 10px;}
.sidebarLink .boxAccordion{padding: 25px 10px;background-color: #fff;border-radius: 0 0 10px 10px;margin-bottom:2px;max-height: 70px;overflow: hidden;transition: max-height 0.2s ease-out;}
.sidebarLink .boxAccordion.boxProfessor.notAccordion{max-height: max-content;border-radius: 10px;}
.sidebarLink .boxAccordion .accordion .flechaAccordion svg{transition: all 0.5s;transform: rotate(0);}
.sidebarLink .boxAccordion .accordion.active .flechaAccordion svg{transition: all 0.5s;transform: rotate(180deg);}
.sidebarLink .boxAccordion .accordion.active .flechaAccordion svg path{fill: #4A4A30;}
.sidebarLink .boxAccordion.boxProfessor {border-radius: 10px 10px 0 0;}
.sidebarLink .accordion {transition: 0.5s;cursor: pointer;display:flex;justify-content: space-between;align-items: center;}
.sidebarLink .accordion .titleAccordion{display:flex;align-items: center;flex-wrap: nowrap;}
.sidebarLink .accordion .titleAccordion svg {margin-right: 9px}
.sidebarLink .accordion .titleAccordion h2{font-family: "proxima-nova", sans-serif;font-weight: 700;font-style: normal;font-size: 18px;color: #282828;margin:0;}
.sidebarLink .panel {background-color: white;overflow: hidden;margin-top: 20px;}
.sidebarLink .panel .bgMenuFilho ul li{margin-bottom: 3px;}
.sidebarLink .panel .bgMenuFilho ul li a{transition: 0.5s;font-family: "Open Sans", sans-serif;font-size:14px;font-weight: 400;background-color: #F8F8F8;color: #4A4A4A; border-radius: 5px;padding: 10px 9px;display:block;}
.sidebarLink .panel .bgMenuFilho ul li a:hover{background-color: #EDEDED;color: #000;}
.sidebarLink .panel .bgMenuFilho ul li a.active{background-color: #E8637E;color: #fff;}

#rodape{background-color: #F4EEE7;margin-top:100px}
#rodape .backTop{background-color: #82786F;border-radius:100%;width: 50px;height: 50px;left: inherit;right: 0;color: #fff;padding: 13px 14px;display:flex;}
#rodape .backTop:before{content: none;}
#rodape .backTop span{display:none}
#rodape .container p a{display: flex;align-items: flex-end;height: 100%;}
#rodape .container p{display: flex;align-items: flex-end;line-height: normal;}
.footer-logo {display: flex;justify-content: center;}
.footer-logo a img {max-width:max-content;width: auto;}
.container img{width: 100%;max-width: max-content;}
.container .logoMenu img{max-width: 180px;}

/*santilla*/
.headerSantillana{background: #12a2d9;}
header.headerSantillana .container .icons{height: 100%;}
header.headerSantillana .container .icons ul.icones{margin-bottom: 0;}
header.headerSantillana .container .icons ul.icones li.home a{background: none;width: auto;color: #fff;font-size: 14px;line-height: 20px;}
header.headerSantillana .container .icons ul.icones li.home a svg{margin-right: 10px;}
header.headerSantillana .container ul.linkMenu li a.hambMenu{background-color: #0d78a3;}
#CBarraAcessibilidade ul:not(.select_options) li a.btBusca{display: none;}

ul.lista-conteudo li{
	overflow: hidden;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
}

ul.lista-conteudo li a:active:before{
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

ul.lista-conteudo li:hover {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 8px 8px 25px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 8px 8px 25px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 8px 8px 25px 0px rgba(0, 0, 0, 0.4);
}

ul.lista-conteudo li a:before{
    content: '';
    width: 100%;
    height: 50%;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    bottom: inherit;
    border-radius: 0;
    transition-property: top, opacity;
    transition-duration: 0.3s;
    z-index: 2;
}
ul.lista-conteudo li a:hover:before{
    top: 50%;
    opacity: 1;
}

@media (max-width: 1199px) {
	.contentRichmondAreaRestrita .Filters {
	    margin: 0 0 20px 0;
	    height: auto;
	}
	.contentRichmondAreaRestrita .Filters #filtros{
		height: auto !important;
	}
}

@media (max-width: 991px) {
	.sidebarLink{display: flex;justify-content: space-between;box-shadow: none;}
	.sidebarLink > div{width: 49%;}
	.sidebarLink .boxAccordion, .sidebarLink .boxAccordion.boxProfessor {border-radius: 10px;}
	.sidebarLink .boxAccordion{margin-bottom: 30px;box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.15);}
}
/* @media ((max-width: 991px) and (min-width: 768px)) {
	.contentRichmondAreaRestrita{margin-top: 100px;}
	.sidebarLink .boxAccordion{position: absolute;z-index: 10;width: 47%;}	
} */
@media (max-width: 767px) {
	.sidebarLink{flex-direction: column;}
	.sidebarLink > div{width: 100%;}
	.sidebarLink .boxAccordion.boxProfessor{margin-bottom: 10px;}	
	.bannerPrincipalRichmond .tituloPagina h2{font-size: 28px;line-height: 30px;}
	.logo-santillana{order: 2;margin-left: 17px;}
	header .container ul.linkMenu { order: 1; }
	.container > .icons-locale{display:none}
	header .container .icons{display:none;}
	header .container:before, header .container:after{display:none;}
	.container .listaDestaque ul{flex-direction: column;}
	.container .listaDestaque ul li{margin-bottom: 20px;}
}
@media (max-width: 575px) {
	#rodape .backTop{right: 20px;}
}
@media (max-width: 440px) {
	.barraTitluloConteudoGenerico .linksConteudoGenerico .listabtn{flex-direction: column;}
	.barraTitluloConteudoGenerico .linksConteudoGenerico .listabtn li {margin-bottom: 7px;}
	.barraTitluloConteudoGenerico .linksConteudoGenerico .listabtn .btn{justify-content: space-between;}
	.container .contentRichmondAreaRestrita .ConteudoGenericoLayout .btBoxView{justify-content: flex-start;padding-left: 59px;}
}






