<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("../../fonts/opensans_regular/stylesheet.css");
@import url("../../fonts/opensans_semibold/stylesheet.css");
/* --------------------------------------------------------------
RESET
----------------------------------------------------------------- */

* { margin:0; padding:0; border:0; list-style-type:none; text-decoration:none; list-style-image:none; box-sizing: border-box;}

html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
header, section, footer, article, figcaption, hgroup, figure, details, aside, img, nav, time {/*display:block;*/}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
[hidden]{display:none;}
object[type="application/gas-events-uni"] {width:0; height:0; position:absolute; overflow:hidden; display:block; text-indent:-999999px}


/* --------------------------------------------------------------
DEFAULT STYLES
----------------------------------------------------------------- */

body {font-family:'Open Sans',sans-serif; font-size:14px; font-weight:300; background:#f6f6f6}

.wrap {display:block; width:1029px; position:relative; margin:0 auto; overflow:hidden;}

@media only screen and (max-width: 850px) {
    html {
        display:block; width:1029px; position:relative; margin:0 auto; overflow:hidden;;
    }
}

.bgLoginCorpLogadoPosicao {text-align: right;padding-top: 2px;}
.bgLoginCorpLogadoPosicao *{font-size:12px;}
.OpenSansSemiBold {font-family: 'open_sanssemibold';}
.Cinza12 {color: #333333;}


/* FORMATING CLASSES
---------------------------- */

.clear {clear:both;}
.hide {width:0; height:0; position:absolute; overflow:hidden; display:block; text-indent:-999999px}

/* POSITIONS */

.left {float:left;}
.right {float:right;}
.center {margin:0 auto;}
.middle {display:block; position:relative; top:50%; transform:translateY(-50%);}

/* ï¿½CONES
---------------------------- */

i.icon {display:inline-block;}
i.icon.big {width:101px; height:63px; background-repeat:no-repeat; background-position:center;}

i.icon.revista {background-image:url(../../images/ModernaAmigos/icons/revista.png);}
i.icon.livros {background-image:url(../../images/ModernaAmigos/icons/livros.png);}
i.icon.planejador {background-image:url(../../images/ModernaAmigos/icons/planejador.png);}
i.icon.planejador-lilas {background-image:url(../../images/ModernaAmigos/icons/planejador-lilas.png);}
i.icon.videos {background-image:url(../../images/ModernaAmigos/icons/videos.png);}
i.icon.videos-lilas {background-image:url(../../images/ModernaAmigos/icons/videosb.png);}
i.icon.orientacao-verde {background-image:url(../../images/ModernaAmigos/icons/orientacao-verde.png);}
i.icon.projecao-rosa {background-image:url(../../images/ModernaAmigos/icons/projecao-rosa.png);}
i.icon.redacao-verde {background-image:url(../../images/ModernaAmigos/icons/redacao-verde.png);}

i.icon.jornal {background-image:url(../../images/ModernaAmigos/icons/jornal.png);}
i.icon.ciencias {background-image:url(../../images/ModernaAmigos/icons/ciencia.png);}
i.icon.traducao {background-image:url(../../images/ModernaAmigos/icons/traducao.png);}
i.icon.musicas {background-image:url(../../images/ModernaAmigos/icons/musicas.png);}

i.icon.questoes {background-image:url(../../images/ModernaAmigos/icons/questoes.png);}
i.icon.caderno {background-image:url(../../images/ModernaAmigos/icons/caderno-provas.png);}
i.icon.provas {background-image:url(../../images/ModernaAmigos/icons/provas.png);}


/* --------------------------------------------------------------
HEADER
----------------------------------------------------------------- */

div.header {height:80px; background:#fff; position:relative; border-bottom:1px solid #dddddd}
div.header h1 {width:165px; height:79px; background:url(../../images/ModernaAmigos/logo-moderna.jpg); float:left;margin:0;}
div.header h1 a{width:165px; height:79px; display:block; cursor:pointer;}
div.header nav {float:left; padding-left:67px;}
div.header nav li {float:left; padding-top:41px}
div.header nav li a {display:block; width:182px; height:38px; line-height:38px; color:#333333; font-weight:400; text-align:center;text-decoration:none; }
div.header nav li.current-item a, div.header nav li a:hover {background:#1c7092; color:#fff;}

.center-header .barra-moderna {float:left;width:49%;}
.center-header .barra-moderna &gt; div {float:none!important;width:auto!important;}
.center-header .barra-moderna li div a {color:#555555;font-size:12px;font-family:"Open Sans",sans-serif;}
.center-header .barra-login {float:right;width:49%;}
.center-header .barra-login .bgLoginCorpDivGeral {float:none;height:auto;padding:0;width: 100%;}
.center-header .barra-login #welcomeMessage {display:inline-block;width:auto;margin-right:5px;float:none!important; }
.center-header .barra-login #lnkMinhasInformacoes {display:inline-block;width:auto!important;float:none!important;padding:0!important;float:none!important;padding-right:4px!important; }
/*.center-header .barra-login #lnkMinhasInformacoes a{color:#808080;  }*/
.center-header .barra-login .bgLoginCorpLogadoPosicao div[style="padding:5px 0 0 5px; text-align: right; float:left"] {display:inline-block;width:auto!important;float:right!important;  }
/*.center-header .barra-login .bgLoginCorpLogadoPosicao div[style="padding:5px 0 0 5px; text-align: right; float:left"] a{color:#808080; }*/
.center-header .bgLoginCorpTableLogado {padding:0;}

.center-header.wrap {overflow:visible; }

.LoginCorpPosicaoBox {position:absolute;}

.bgLoginCorpDivGeral {height:auto!important; }

#tdBotaologin {padding-left:7px; }

/*.BgLoginCorporativo2 {right:0!important; }*/

.LoginCorpDeslogadoPosicaoTexto {padding-top:8px; }


/* --------------------------------------------------------------
LOGIN
----------------------------------------------------------------- */

#TableLoginTable .Texto{font-weight:normal;}
#welcomeMessage .Texto{color:#808080;}
/*#TableLoginTable .Texto.bgTexto,
.Texto{font-family:Arial;font-size:12px;color:#666666;font-weight:normal;}*/
#tdBotaologin a.Label{font-family:Arial;font-size:12px;color:#666666;font-weight:bold;}
#idInputLoginSenha{padding-right:15px;}
#idInputLoginUsuario input[type='text'],
#idInputLoginSenha input[type='password']{width:100%;}
#TableLogin #TableLoginTable .check-boxes input[type="radio"]{top:21px;min-height:16px;}
#tdBotaologin a:hover{color:#fff;}


/* --------------------------------------------------------------
CONTEï¿½DO
----------------------------------------------------------------- */

div.conteudo {padding-bottom:100px; overflow:hidden;}

div.conteudo h3 {font-size:24px; color:#666666; padding:28px 0; font-weight:400;}
div.conteudo h4 {font-size:20px; color:#666666; padding:32px 0 30px 0; font-weight:400;margin:0;}

.wrap.det-simples {padding:28px 0;}
.wrap.det-simples h2, .wrap.det-simples h3, .wrap.det-simples h4, .wrap.det-simples p{margin-bottom:20px; }

/* FILTROS */

div.conteudo .filtros strong {font-weight:400; color:#666666; padding-bottom:7px;}

div.conteudo .filtros .listFiltros {height:72px; background:#fff; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf}
div.conteudo .filtros .listFiltros ul li {float:left; width:33.33%}
div.conteudo .filtros .listFiltros ul li a {display:block; height:70px; padding-left:155px;padding-top:6px;text-decoration:none; }
div.conteudo .filtros .listFiltros ul li a[title="Planejamento"] { background:url(../../images/ModernaAmigos/icons/planejamento.png) no-repeat 95px center; }
div.conteudo .filtros .listFiltros ul li a[title="PrÃ¡tica"] { background:url(../../images/ModernaAmigos/icons/pratica.png) no-repeat 95px center;border-left:1px solid #dfdfdf; }
div.conteudo .filtros .listFiltros ul li a[title="AvaliaÃ§Ã£o"] { background:url(../../images/ModernaAmigos/icons/avaliacao.png) no-repeat 95px center; border-left:1px solid #dfdfdf;}
div.conteudo .filtros .listFiltros ul li a span {display:inline-block; height:58px; line-height:58px; color:#333333}
div.conteudo .filtros .listFiltros ul li:first-child a span {border:0;}

/*div.conteudo .filtros .listFiltros ul li a:hover {background:#0389bf;}*/
div.conteudo .filtros .listFiltros ul li a[title="Planejamento"]:hover { background:#0389bf url(../../images/ModernaAmigos/icons/planejamento-on.png) no-repeat 95px center; }
div.conteudo .filtros .listFiltros ul li a[title="PrÃ¡tica"]:hover { background:#0389bf url(../../images/ModernaAmigos/icons/pratica-on.png) no-repeat 95px center; }
div.conteudo .filtros .listFiltros ul li a[title="AvaliaÃ§Ã£o"]:hover { background:#0389bf url(../../images/ModernaAmigos/icons/avaliacao-on.png) no-repeat 95px center;}
div.conteudo .filtros .listFiltros ul li a:hover span {color:#fff;border-left:none;}

/* LISTA DE CONTEï¿½DOS */


div.conteudo .borderDashed {background:url(../../images/ModernaAmigos/bg-dashed.jpg) repeat-x left bottom;}

div.conteudo .listaContent ul {width:calc(100% + 19px); position:relative; left:-19px; overflow:hidden; padding-bottom:26px; }
div.conteudo .listaContent ul li {width:243px; float:left; height:180px; margin:0 0 24px 19px; border:1px solid #dcdcdc; background:#fff; position:relative;}
div.conteudo .listaContent ul li div.content {text-align:center; padding-top:28px; letter-spacing:-1px; position:relative; z-index:0; height:180px;}
div.conteudo .listaContent ul li div.content span {display:block; font-size:17px; width:100%; color:#666666; text-transform:uppercase; font-weight:600; padding:0 15px; position:absolute; bottom:30px; line-height:20px;}
div.conteudo .listaContent ul li a {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; text-align:center; opacity:0;font-size:17px; text-decoration:none; }
div.conteudo .listaContent ul li a.lock {background:rgba(0,0,0,0.8) url(../../images/ModernaAmigos/cadeado.png) no-repeat right 30px bottom 51px; padding:44px 35px 0 35px; color:#fff;}
div.conteudo .listaContent ul li:hover a.lock {opacity:1;}
div.conteudo .listaContent ul li a.lock span {font-size:16px; font-weight:600; line-height:18px;}
div.conteudo .listaContent ul li a.lock u {display:block; font-size:14px; font-weight:400; padding-top:20px; text-decoration:underline;}

/* MATERIAL MULTIMï¿½DIA */
.mm-nav {float:left;width:300px;}
.mm-nav ul{}
.mm-nav ul li{}
.mm-nav ul li a{display:block;cursor:pointer;border-top: 1px solid #dfdfdf;height: 45px;line-height: 45px;text-align:center;color:#333333; text-decoration:none; }
.mm-nav ul li:last-child a{border-bottom: 1px solid #dfdfdf;}
.mm-nav ul li a:hover, .mm-nav ul li a.active{color:#fff;background:#1c7092;}


.mm-content {float:left;width:729px;}
.mm-content .Cinza{color:#333333;}
.mm-content .oldmm{padding-top:20px;float:left;width:49%;text-align:center;  }

.wrap .Select {padding:5px;border:1px solid #1c7092;}

#fancybox-content {width:auto!important;background:#fff!important; }
#fancybox-close {right:-4px!important;top:-2px!important;}

#fancybox-wrap{width:auto !important;}
#fancybox-content &gt; div{overflow:hidden !important;}

/* --------------------------------------------------------------
Acessibilidade
----------------------------------------------------------------- */
#paginaAcessibilidade{width: 1029px;display: block;margin: 0 auto;}


/* --------------------------------------------------------------
SITEMAP
----------------------------------------------------------------- */

.sitemap {background:#000; overflow:hidden; padding:28px 0;}

.sitemap h5, .sitemap h6 {font-size:16px; line-height:17px; color:#fff; padding:14px 0; font-weight:400;margin:0;}

.sitemap .wrap .cols {width:25%; border-right:1px solid #2e2e2e; float:left; height:240px; padding:0 28px}
.sitemap .wrap .cols:first-child {border-left:1px solid #2e2e2e;}

.sitemap ul.social li {float:left; margin-right:8px;}
.sitemap ul.social li a {display:block; width:36px; height:36px; border-radius:100px; border:1px solid #2085c7;}
.sitemap ul.social li a.facebook {background:#fff url(../../images/ModernaAmigos/facebook.jpg) no-repeat center;}
.sitemap ul.social li a.linkedin {background:#fff url(../../images/ModernaAmigos/linkedin.jpg) no-repeat center;}

.sitemap ul li a {font-size:13px; color:#fff; display:block; padding:3px 8px; border:1px dashed #000}
.sitemap ul li a:hover {text-decoration:underline;}
.sitemap ul li a:focus {border:1px dashed #fff}


/* --------------------------------------------------------------
FOOTER
----------------------------------------------------------------- */

.footer {height:37px; line-height:37px; font-size:13px; color:#aba6ab}
.footer img {display:block; float:right; margin-top:8px;}</pre></body></html>