/* =---------------------------------------- Topo ------------------------------------------*/ #access-nav {position:absolute;left:-9999px;} #top {padding-bottom: 15px;} .front #top {padding-bottom:0px !important;} .front #canvasConteudo>.contentModulo {display: none;} #top .content {width:960px;margin:0 auto;} #logo-nav {height:155px;} #top a#logo {float:left;} #top a#logo img {float:left;} #top .nav-content {float:right;width:710px;position:relative;} #nav-lang {position:absolute;top:-15px;right:0px;} #nav-lang li {float:left;font-size:0.857em;border-left:solid 1px #dbdbdb;padding-left:10px;line-height:12px;} #nav-lang li:first-child {border-left:none;} #nav-lang li a {margin-right:10px;text-transform:uppercase;color: #004B88;} #search-nav {height:55px;padding-top:15px;} #search-nav li {float:left;} #search-nav a {text-transform:uppercase;color:#004B88;} #search-nav a:hover {text-decoration:underline;} #search-nav div.form-text, .icoSearch div.form-text{background-image:url(../img/ico-search.png)!important;background-position:7px 7px;background-repeat:no-repeat;} .section-noticias .mTexto h5, .section-news .mTexto h5{ background: #f6f6f6; padding: 10px 10px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 0.857em; line-height: 120%; margin-top: -18px; width: 680px; } #search-nav div.form-text {padding-right:12px;} #search-nav div.form-text input , .icoSearch div.form-text input {width:157px;padding-left:25px;padding-right:0px;} .i18n-en #search-nav div.form-text input, .i18n-en .icoSearch div.form-text input {width:173px !important;} .i18n-es #search-nav div.form-text input, .i18n-es .icoSearch div.form-text input {width:162px !important;} .i18n-fr #search-nav div.form-text input, .i18n-fr .icoSearch div.form-text input {width:144px !important;} #search-nav .txt-contrast {margin-right:15px} #search-nav .ico-google, #search-nav .ico-twitter, #search-nav .ico-youtube, #search-nav .ico-instagram, #search-nav .ico-linkedin, #search-nav .ico-access {margin-left:7px;} #search-nav .ico-face {margin-left:10px} #search-nav .ico-contrast {margin-right:7px} #search-nav .spc {margin-right:5px;border-right:solid 1px #dbdbdb;padding-right:5px;} #search-nav .ico-google a, #search-nav .ico-twitter a, #search-nav .ico-face a, #search-nav .ico-contrast a, #search-nav .ico-youtube a, #search-nav .ico-instagram a, #search-nav .ico-linkedin a, #search-nav .ico-access a {display:block;width:28px;height:28px;text-indent:-9999px;background:url(../img/icones.png) no-repeat;} #search-nav .ico-youtube a {background-position:-190px 0px;} #search-nav .ico-youtube a:hover {background-position:-190px -29px;} #search-nav .ico-instagram a {background-position:-228px 0px;} #search-nav .ico-instagram a:hover {background-position:-228px -29px;} #search-nav .ico-linkedin a {background-position:-266px 0px;} #search-nav .ico-linkedin a:hover {background-position:-266px -29px;} #search-nav .ico-google a {background-position:-152px 0px;} #search-nav .ico-google a:hover {background-position:-152px -29px;} #search-nav .ico-twitter a {background-position:-114px 0px;} #search-nav .ico-twitter a:hover {background-position:-114px -29px;} #search-nav .ico-face a {background-position:-76px 0px;} #search-nav .ico-face a:hover {background-position:-76px -29px;} #search-nav .ico-contrast a {background-position:-38px 0px;} #search-nav .ico-contrast a:hover {background-position:-38px -29px;} #search-nav .ico-access a {background-position:0px 0px;} #search-nav .ico-access a:hover {background-position:0px -29px;} #search-nav .txt {line-height:28px;font-size:0.857em;} #top .title {clear:both;background:url(../img/bgr-title.jpg) top center no-repeat;height:140px;overflow:hidden;} #top .title h1 {line-height:140px;color:#FFF;letter-spacing:-1px;} #top .title-special {position:relative;height:380px;overflow:hidden;} #top .title-special #especial-londres {width:841px;height:380px;background:url(../img/especial/especial-londres.jpg) no-repeat;} .i18n-en #top .title-special #especial-londres {background:url(../img/especial/especial-londres-en.jpg) no-repeat !important;} #top .title-special .content {width:1000px;position:relative;} #top .title-special .content ul {width:841px;height:380px;} #top .title-special .content ul li {width:841px;height:380px;} #top .title-special .mask {position:absolute;top:0px;left:0px;background:url(../img/bgr-title-special.png) top center no-repeat;height:380px;width:100%;z-index:99;} #top .title-special .mask a {display:block;width:800px;height:380px;position:absolute;left:50%;margin-left:-480px;} #top .title-special .nav {position:absolute;bottom:20px;right:56px;z-index:9999;} #top .title-special .nav a {background:url(../img/setas.png) no-repeat;width:18px;height:30px;display:block;text-indent:-9999px;float:left;} #top .title-special .nav a.next {background-position:-26px 0px;margin-left:15px;} #top .title-special .nav a.next:hover {background-position:-26px -36px;} #top .title-special .nav a.prev:hover {background-position:0px -36px;} #nav {clear:both;border-top:solid 3px #dbdbdb;position:relative;} #nav li {float:left;padding:5px 0;} .i18n-fr #nav li, .i18n-es #nav li{margin-right: 10px;} #nav li a {text-transform:uppercase;color:#004B88;padding:0 10px;font-size:0.857em;display:inline-block;height:24px;line-height:24px;} #nav.temporario a {padding:0 10px;} .i18n-en #nav.temporario a {padding:0 16px;} .i18n-fr #nav.temporario a {padding:0 21px;} .i18n-es #nav.temporario a {padding:0 21px;} #nav a.active, #nav li.active > a, #top .nav-th li.active > a, #nav li:hover > a, #nav li a:hover {border-radius:5px;background:#f4791f;color:#FFF;text-decoration:none;} #nav li ul {position:absolute;left:-9999px;background:#FFF;z-index:0;} #nav li:hover ul, #nav li.active ul {position:absolute;left:0px;top:35px;border-top:solid 1px #dbdbdb;width:710px;} #nav li:hover ul {z-index:999;} #nav li ul a {padding:0 12px !important;} #top .nav-th {clear:both;padding-top: 15px;} #top .nav-th ul {height:33px;} #top .nav-th li {float:left;} #top .nav-th li a {text-transform:uppercase;color:#004B88;padding:0 20px;font-size:0.857em;display:inline-block;height:24px;line-height:24px;} #top .nav-th li a.active, #top .nav-th li a:hover {border-radius:5px;background:#f4791f;color:#FFF;text-decoration:none;} /* =---------------------------------------- Texto 3 e 4 colunas ------------------------------------------*/ .mTexto {padding:20px 20px 0} .mTexto h2 {padding-bottom:10px; color:#f4791f} .mTexto h3 {padding-bottom:20px; color:#f4791f; line-height:120%} .mTexto h3 strong , .mTexto h2 strong {font-family:'boldItalic'!important;} .mTexto p {padding-bottom:20px; color:#595959} .mTexto strong {font-family:'bold'; padding-bottom:0; display:inline-block; *zoom:1; *display:inline;} .mTexto em {font-family:'italic'!important; color:#595959} .mTexto a {text-decoration:underline;color:#004b88;} .mTexto ul {padding-bottom:20px; margin-left:15px;} .mTexto ul li{list-style:disc} /* =---------------------------------------- Tabelas 3 e 4 colunas ------------------------------------------*/ .mTabelas {padding:20px} .contentModulo .mTabelas table{width:960px;} .modulo3c .mTabelas table{width:710px;} .mTabelas h2{padding-bottom:20px;} .mTabelas table {border-collapse:separate; border-spacing:2px; border-bottom:3px solid #DBDBDB } .mTabelas table thead td {border-top:3px solid #dbdbdb; border-bottom:3px solid #dbdbdb; text-transform:uppercase} .mTabelas table td {line-height:100%; padding:15px; background:#FFF; overflow:hidden} .mTabelas table td.center {text-align:center} .mTabelas .odd td {background:#f6f6f6} .mTabelas p {padding-bottom:30px; line-height:120%} .mTabelas .tabExpansivel .showHide {position:absolute; top:-9999px; left:-9999px;} .mTabelas .tabExpansivel .rowOn {position:static; top:0; left:0;} .mTabelas .tabExpansivel .bt{background-image:url(../img/blt-show-hide.png); background-repeat:no-repeat; background-position:center 17px; text-indent:-9999px; cursor:pointer} .mTabelas .tabExpansivel .itemLink td {cursor:pointer} .mTabelas .tabExpansivel .itemLink.off td {cursor:default} .mTabelas .tabExpansivel .icoOn {background-position:center -106px;} /* =---------------------------------------- Lista 3 e 4 colunas ------------------------------------------*/ .mLista {padding:0 20px 20px; position:relative} .mLista .text-combined{position:absolute; right:20px; top:24px;} .mLista > ul {border-bottom:3px solid #DBDBDB} .mLista > ul > li {border-bottom:1px solid #DBDBDB; padding:20px 0; zoom:1; } /* Clearfix (LI) */ .mLista > ul > li:before, .mLista > ul > li:after {content: "";display:table;} .mLista > ul > li:after {clear:both;} .mLista .imageContent{width:210px; height:158px; overflow:hidden; float:left} .mLista .imageContent a {display:block;background:#F6F6F6;text-align:center;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .modulo3c .mLista .txtContent {width:710px;} .modulo3c .mLista .liImage .txtContent {width:460px; float:right} .modulo4c .mLista .txtContent {width:960px;} .modulo4c .mLista .liImage .txtContent {width:710px; float:right} .mLista .date {font-family:italic; display:block} .mLista h3 {font-family:bold; clear:both; padding-top:15px;} .mLista p {padding-top:15px; clear:both;} .mLista em {font-family:italic; padding:0 10px; } /* =---------------------------------------- Titulos 3 e 4 colunas ------------------------------------------*/ .mTitulo {padding:0 20px 20px;min-height: 11px;} .mTitulo h1, .mTitulo h2, .mTitulo h3 , .mTitulo p{padding-top:20px; line-height:130%; clear:both} .mTitulo h1 , .mTitulo h2 {color:#f4791f;} .mTitulo h1 {line-height:1} .mTitulo h3 {font-family:italic; color:#595959} .mTitulo p span.data {font-size:20px; font-family:italic;} .mTitulo p span.atualizacao {font-family:italic; float:right} .mTitulo .btOutrosEsportes {position:relative;} .mTitulo .contentOutrosEsportes {position:relative} .mTitulo .contentOutrosEsportes .blt {background:url(../img/blt-nav-esportes.png) no-repeat; width:20px; height:11px; position:absolute; top:-9999px; right:62px; border-bottom:0; display:block; z-index:10} .mTitulo .contentOutrosEsportes #lsOutrosEsportes {position:absolute; top:-9999px; right:0; border:1px solid #dbdbdb; background:#ffffff; padding:20px 0 15px 20px; overflow:hidden; width:690px; z-index:5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pt-br .mTitulo .contentOutrosEsportes #lsOutrosEsportes ul > li {margin:0 38px 5px 0; border-bottom:1px solid #dbdbdb; display:inline-block; width:202px;} .mTitulo .contentOutrosEsportes #lsOutrosEsportes ul > li {margin:0 50px 5px 0; border-bottom:1px solid #dbdbdb; float:left; width:190px;} .mTitulo .contentOutrosEsportes #lsOutrosEsportes ul > li a {text-transform:uppercase; font-size:0.857em} .mTitulo .contentOutrosEsportes p {padding-top:0!important;} .modulo3c .mTitulo .contentOutrosEsportes #lsOutrosEsportes {width:690px;} .modulo3c .mTitulo .contentOutrosEsportes #lsOutrosEsportes ul {width:750px;} .modulo4c .mTitulo .contentOutrosEsportes #lsOutrosEsportes {width:940px;} .modulo4c .mTitulo .contentOutrosEsportes #lsOutrosEsportes ul {width:1000px;} .mTitulo .abaOn .blt {background:url(../img/blt-nav-esportes.png) no-repeat; width:20px; height:11px; position:absolute; top:55px; right:62px; border-bottom:0; display:block; z-index:10} .mTitulo .abaOn #lsOutrosEsportes {position:absolute; top:65px; right:0; border:1px solid #dbdbdb; background:#ffffff; padding:20px 0 15px 20px; overflow:hidden; width:960px; z-index: 12; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .mTitulo.tp2 .titulo{width: 830px;float: left;} .mTitulo.tp2 h2{font-size: 2.143em!important;padding-top: 0;border-left: 1px solid #ccc;padding-left: 10px;margin: 0px!important} .mTitulo.tp2 h3{font-size: 1em!important;color: #595959;font-family: 'regular';} .mTitulo.tp2 span{ float: left; line-height: 100%; font-size: 1.250em; padding-top: 10px; margin-right: 10px; display: inline; } /*Modulo Lista em duas colunas */ .lista2Col {padding: 24px 0 24px 24px} .lista2Col .box {width: 480px;float: left;padding: 28px 0;} .lista2Col .mTextoImagem{padding: 0 20px 0 0;} .lista2Col .dados li{list-style-type: none;} .lista2Col .dados li.label{line-height: 1.1;} .lista2Col .dados li.data{line-height: 1.1;font-weight: bold;margin-bottom: 10px;} /* =---------------------------------------- Area Livre 3 e 4 colunas ------------------------------------------*/ .mLivre {overflow:hidden} .modulo4c .mLivre {width:1000px} .modulo3c .mLivre {width:750px} /* =---------------------------------------- Galeria 3 e 4 colunas ------------------------------------------*/ .mGaleria {padding:20px;} .mGaleria .galeriaContent {border-bottom:3px solid #dbdbdb; padding-bottom:11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .mGaleria .galeriaContent .image {overflow:hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .modulo4c .galeriaContent .image {width:960px} .modulo3c .galeriaContent .image {width:710px;} /* =---------------------------------------- Login 4 colunas ------------------------------------------*/ .mLogin {padding:20px; text-align:center} .mLogin .col {width:460px; display:inline-block; *zoom:1; *display:inline; border-bottom:3px solid #dbdbdb; min-height:250px; text-align:left} .mLogin label {display:block; float:left; width:100px; text-align:right;} .mLogin .col h2 {padding-bottom:20px;} .mLogin .col p {line-height:120%;padding-bottom:20px;} .mLogin .forms a {text-transform:uppercase; font-size:12px;} /* =---------------------------------------- Saber mais 3 e 4 colunas ------------------------------------------*/ .mSaibamais {padding:20px;} .mSaibamais > .rounded {border:1px solid #e1e1e1; padding:20px; position:relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .mSaibamais h2 {width:100px; line-height:75%; float:left; position:absolute; top:50%; margin-top:-43px; left:30px; font-size:36px;} .i18n-fr .mSaibamais h2, .i18n-es .mSaibamais h2{width:135px;line-height:72%;} .mSaibamais h2 span {font-size:24px;} .mSaibamais ul.lsLinks {float:left; border-left:1px solid #dddddd; margin-left:140px; padding-left:30px; padding-bottom:15px} .modulo4c .mSaibamais ul {width:760px;} .modulo4c .mSaibamais ul.lsLinks li {width:33%; float:left} .modulo3c .mSaibamais ul {width:510px!important;} .modulo3c .mSaibamais ul.lsLinks li {width:46%; float:left;margin-right: 2%;} .mSaibamais ul.lsLinks li:first-child {padding-top:15px; width:100%; background-image:none} /* =---------------------------------------- Expansível 3 e 4 colunas ------------------------------------------*/ .mTexto .mExpansivel {padding:0px;} .mExpansivel {padding:20px;} .mExpansivel h2 {padding-bottom:15px} .mExpansivel ul {border-top:1px solid #dbdbdb; margin-left: 0px; } .mExpansivel ul li {padding:10px 0; list-style-type: none;} .mExpansivel ul li > a{font-family:bold; background-image:url(../img/blt-show-hide.png); background-repeat:no-repeat; background-position:0 2px; cursor:pointer; padding-left:15px; text-transform:uppercase; *zoom:1; *background-position:0 5px; } .mExpansivel ul li.expOn a{background-position:0 -119px; color:#004b88} .mExpansivel ul li .exp{position:absolute; top:-9999px; left:-9999px} .mExpansivel ul li.expOn .exp {position:static; padding-top:10px;} .mExpansivel ul li.expOn .exp .imgLeft {float:left; margin:0 15px 15px 0} .mExpansivel ul li.expOn .exp p {padding-bottom:20px;} .mTexto .mExpansivel ul li.expOn .exp a + strong {text-decoration:underline;text-transform:none;font-family:'bold';color: #004b88;} .mExpansivel ul li.expOn .exp strong {text-transform:none;font-family:'bold';} .mExpansivel ul li.expOn .exp em {font-family:'italic';} .mExpansivel ul li {border-bottom:1px solid #dbdbdb} /* =---------------------------------------- Paginacao 3 e 4 colunas ------------------------------------------*/ .mPaginacao {padding:0 20px 20px;} .mPaginacao .content {border-bottom:1px solid #dbdbdb;} .mPaginacao .btn .ico {margin:8px 0; width:9px} .mPaginacao .btn .ico-tp6 {background-position: -1px -99px;} .mPaginacao .align {margin:auto; width:230px;} .mPaginacao .forms div {line-height:30px;} .mPaginacao .form-text {margin-left:40px} /* =---------------------------------------- Formulario 3 colunas ------------------------------------------*/ .mForm {padding:20px;} .mForm h3 {padding-bottom:20px;} .mForm p {padding-bottom:15px; line-height:130%} .mForm .forms {border-top:3px solid #dbdbdb; padding-top:20px;} .mForm .forms li > label {display:block; float:left; width:225px; line-height:30px;} .mForm .forms li.error {padding-top:13px; padding-bottom:11px;} .mForm .forms li.error > label {padding-left:20px; width:205px; line-height:23px;} .mForm .forms .form-textG {width:460px;} .mForm .forms .form-textG input{width:440px;} .mForm .forms .combo-boxG {width:460px;} .mForm .forms .checkTop {margin-top:20px} .mForm .forms #recaptcha_widget_div {margin:0; width:230px;} .mForm .recaptchatable {width:460px} /* =---------------------------------------- Compartilhar 3 colunas ------------------------------------------*/ .mSociais {padding:20px;} .mSociais .border {border-top:1px solid #dbdbdb; } .mSociais.sendOpen .border { border-bottom:3px solid #dbdbdb;} .mSociais .border .sociais {border-bottom:1px solid #dbdbdb; padding:10px;} .mSociais.sendOpen .border .sociais {margin-bottom:20px;} .mSociais .border .sociais .fontSize a{background:url(../img/ico-font-size.png) no-repeat; text-indent:-9999px; display:block; width:20px; height:20px; float:left; margin-right:5px;} .mSociais .border .sociais .fontSize a[href="#up"] {background-position:right top} .mSociais .border .sociais .fontSize a[href="#up"]:hover {background-position:right bottom} .mSociais .border .sociais .fontSize a[href="#down"] {} .mSociais .border .sociais .fontSize a[href="#down"]:hover {background-position:left bottom} .mSociais .lsSociais {float:right; height:20px; } .mSociais .lsSociais > * {float:left; margin-left:5px; padding:0!important} .mSociais .hcount .count-o {display:none!important} .mSociais .addthis_button_facebook_like {} .mSociais .addthis_button_facebook {background:url(../img/ico-compartilhe.jpg) left bottom no-repeat!important; width:20px; height:20px;} .mSociais .addthis_button_twitter {background:url(../img/ico-compartilhe.jpg) -24px bottom no-repeat!important; width:20px; height:20px;} .mSociais .addthis_button_facebook span , .mSociais .addthis_button_twitter span {width:20px; height:20px; background:none!important} .mSociais .send_mail_friend {background:url(../img/ico-compartilhe.jpg) -48px bottom no-repeat!important; width:20px; height:20px; display:block; text-indent:-9999px;} .mSociais.sendOpen .send_mail_friend {background-position:-48px top!important} .mSociais .forms {border-top:0} .mSociais .recaptchatable {width:460px} .mSociais #send_mail {display:none;} .mSociais.sendOpen #send_mail {display:block;} .pluginSkinLight {float:right} /* =---------------------------------------- Imagem e Video 3 e 4 colunas ------------------------------------------*/ .mImagemVideo {padding:20px;} .mImagemVideo .image , .mImagemVideo .image img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:relative; z-index:10; } .mImagemVideo .image { background:#F6F6F6; border-bottom:2px solid #FFF; text-align:center; } .mImagemVideo .image object {display:block;} .mImagemVideo .legend {position:relative; z-index:5px; margin-top:-10px; background:#f6f6f6; padding:18px 10px 10px; *padding:10px 10px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:0.857em; line-height:120%; } .modulo3c .mImagemVideo .legend {width:690px;} /* =---------------------------------------- Agenda 3 colunas ------------------------------------------*/ .mAgenda {padding:50px 20px 20px;} .mAgenda .navDate {font-size:2.286em; font-family:'boldItalic'; text-align:center; border-top:1px solid #dbdbdb; border-bottom:3px solid #dbdbdb; padding:20px 0} .mAgenda .lsDate li {float:left; width:96px; margin:0 1px} .mAgenda .lsDate li.last , .mAgenda .lsDate li.first {width:10px} .mAgenda .lsDate li .day {font-family:bold; display:block; border-bottom:3px solid #dbdbdb; padding:10px 0; color:#dbdbdb} .mAgenda .lsDate li .dayN {font-family:italic; font-size:24px; color:#dbdbdb; padding:10px 0 0; display:block;} .mAgenda .lsDate li .item span {display:block; font-family:italic} .mAgenda .lsDate li .item {font-family:bold; color:#dbdbdb; padding-top:20px;line-height:120%} .mAgenda .lsDate li.atv .day, .mAgenda .lsDate li.atv .dayN, .mAgenda .lsDate li.atv .item span {color:#595959} .mAgenda .lsDate li.atv .item {color:#f4791f} .mAgenda .lsDate li.atv .day {border-color:#f4791f} .mAgenda .navDate a{background:url(../img/setas.png) 3px 0 no-repeat; display:block; text-indent:-9999px; height:30px; width:20px;} .mAgenda .navDate a:hover {background-position:0 0} .mAgenda .navDate a:active {background-position:0 -36px} .mAgenda .navDate a.fr {background-position:-26px 0} .mAgenda .navDate a.fr:hover {background-position:-23px 0} .mAgenda .navDate a.fr:active {background-position:-23px -36px} .mAgenda .lsDate > li > a{background:url(../img/setas.png) -189px -8px no-repeat; display:block; text-indent:-9999px; height:14px; width:10px; margin-top:16px;} .mAgenda .lsDate > li > a:hover{background:url(../img/setas.png) -192px -8px no-repeat; display:block; text-indent:-9999px; height:14px; width:10px;} .mAgenda .lsDate > li > a:active{background:url(../img/setas.png) -192px -42px no-repeat; display:block; text-indent:-9999px; height:14px; width:10px;} .mAgenda .lsDate .last a{background:url(../img/setas.png) -208px -8px no-repeat; display:block; text-indent:-9999px; height:14px; width:10px; margin-top:16px;} .mAgenda .lsDate .last a:hover{background:url(../img/setas.png) -205px -8px no-repeat; display:block; text-indent:-9999px; height:14px; width:10px;} .mAgenda .lsDate .last a:active{background:url(../img/setas.png) -205px -42px no-repeat; display:block; text-indent:-9999px; height:14px; width:10px;} .mAgenda .lsDate li .item a {color:#dbdbdb} .mAgenda .lsDate li.atv .item a{color:#F4791F} /* =---------------------------------------- Agenda 3 colunas ------------------------------------------*/ .mTags {padding:20px;} .mTags h3 {padding-bottom:20px} .mTags .colGrid > div {width:210px; float:left; padding-left:40px} .mTags .colGrid > div:first-child {padding-left:0} .mTags .box-tp2 a {display:block;font-family:'bold';font-size:1.286em;line-height:1.150em;} .mTags .box-tp2 img {position:relative;} .mTags .box-tp2 em {font-family:'italic';display:block;font-size:1.429em;padding-bottom:10px;} .mTags .box-tp2 em small {font-size:0.700em;margin-left:10px;} .mTags .box-tp2 a:hover {text-decoration:underline;} .mTags .box-tp2.action {position:relative;width:210px;height:158px;overflow:hidden;} .mTags .box-tp2.action div {position:absolute;top:200px;left:0px;text-align:left !important;padding:20px;width:170px;height:158px;border-radius:5px;-webkit-transition: all 0.15s linear;-moz-transition: all 0.15s linear;-o-transition: all 0.15s linear;transition: all 0.15s linear;} .mTags .box-tp2.action div.overlayer {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";padding:0px;width:210px;} .mTags .box-tp2.action:hover div {top:0px;} /* =---------------------------------------- Texto e imagem 3 e 4 colunas ------------------------------------------*/ .mTextoImagem {padding:20px} .mTextoImagem strong {font-family:'bold';} .mTextoImagem em {font-family:'italic';} .mTextoImagem h1, .mTextoImagem h2, .mTextoImagem h3 {color:#F4791F; padding-bottom:20px;} .mTextoImagem > p {padding-bottom:20px} .mTextoImagem ul {padding-bottom:20px; margin-left:15px;} .mTextoImagem ul li{list-style:disc} .mTextoImagem .boxImage {float:left; padding:0 20px 20px 0 } .mTextoImagem .boxImage , .mTextoImagem .boxImage img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:relative; z-index:10; } .mTextoImagem .legend {position:relative; z-index:5px; margin-top:-10px; background:#f6f6f6; padding:18px 10px 10px; *padding:10px 10px 10px; line-height:120%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:0.857em; } .modulo4c .mTextoImagem .legend {width:440px;} .modulo3c .mTextoImagem .legend {width:190px;} /* =---------------------------------------- Grid Thumb 3 e 4 colunas ------------------------------------------*/ .mGridThumb {} .mGridThumb h2 {padding:10px 0 10px 0px} .mGridThumb .row {padding:20px 0; margin: 0 20px;border-bottom: 3px solid #dbdbdb;} .mGridThumb .btn.btn-tp2.fr {margin:10px 0 0 0} /*.mGridThumb .grid {border-bottom:3px solid #dbdbdb;padding-bottom:30px;}*/ .mGridThumb .grid li {float:left; padding-left:40px; } .mGridThumb .destaque .grid li {padding-left:20px; } .mGridThumb .grid li:first-child{padding-left:0} .mGridThumb .row .leg-fornecedores{padding: 13px 0;border-top: solid 1px #dbdbdb;} .mGridThumb .row .leg-fornecedores strong{font-weight: bold;} .mGridThumb .rowLast .grid {border-bottom:0;padding-bottom:0} .mGridThumb .destaque h2 {padding-left:20px;} .mGridThumb .destaque {border-bottom:0;padding:0px;} .mGridThumb .destaque .grid { background:url(../img/bg-linear.png); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; border-bottom:0; padding:20px; } .mGridThumb .destaque .grid li {border:0; padding-bottom:0} .mGridThumb .box-tp2 a {display:block;position:relative;width:210px;border-radius:5px;overflow:hidden;} .mGridThumb .box-tp2 a img {border-radius:5px;position:relative;cursor:pointer;} .mGridThumb .box-tp2 a span {text-align:left !important;font-family:'bold';font-size:1.286em;line-height:1.150em;padding:20px 0;display:block;} .mGridThumb .box-tp2 a span em {font-family:'italic';display:block;padding-bottom:8px;font-size:1.111em; color:#595959} .mGridThumb .box-tp2 a .branco em {color:#FFF} .mGridThumb .box-tp2 a span em small {font-size:0.700em;margin-left:10px;} .mGridThumb .box-tp2 a.action span {position:absolute;top:200px;left:0px;text-align:left !important;padding:20px;width:170px;height:158px;border-radius:5px;cursor:pointer;-webkit-transition: all 0.15s linear;-moz-transition: all 0.15s linear;-o-transition: all 0.15s linear;transition: all 0.15s linear;} .mGridThumb .box-tp2 a.action span.overlayer {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";padding:0px;width:210px;} .mGridThumb .box-tp2 a.action:hover span {top:0px;} .mGridThumb a:hover {text-decoration:none} .mGridThumb .rowInterna {padding-bottom:20px} .mGridThumb .rowInterna .grid li {border-bottom:0; padding-bottom:0} /* =---------------------------------------- Navegacao 3 e 4 colunas ------------------------------------------*/ .mNavegacao {padding:20px;} .mNavegacao > div {border-bottom:1px solid #dbdbdb; border-top:4px solid #dbdbdb; padding:15px 0; position:relative;} .mNavegacao > div > div { background:url(../img/dot-gray.gif) center top repeat-y} .mNavegacao > div > div a {width:45%; display:block; padding:20px 0; } .mNavegacao > div > div a .bt{width:44px; height:80px; background:url(../img/seta-nav-grande.jpg) no-repeat; display:block; text-indent:-9999px; vertical-align:middle; position:absolute; top:50%; margin-top:-40px;} .mNavegacao > div > div a.prev {float:left} .mNavegacao > div > div a.prev .bt{background-position:0 0; left:0} .mNavegacao > div > div a.prev:hover .bt{left:-5px;} .mNavegacao > div > div a.prev:active .bt{background-position:0 bottom;} .mNavegacao > div > div a.next {float:right} .mNavegacao > div > div a.next .bt{background-position:right 0; right:0} .mNavegacao > div > div a.next:hover .bt{right:-5px;} .mNavegacao > div > div a.next:active .bt{background-position:right bottom;} .mNavegacao > div > div a.prev .txt {float:right; text-align:right; } .mNavegacao > div > div a:hover .txt {text-decoration:underline} .mNavegacao > div > div a .txt {color:#595959} .mNavegacao > div > div a .txt strong {display:block; font-family:bold; font-size:1.714em; color:#004b88} /*Módulo de tags para notícias */ .modTags {color: #f4791f;font-size: 16px;font-family:'bold'} .modTags a{margin-right: 5px;color: #004b88; font-size: 14px;padding-top: 2px;font-family:'regular'} /*Modulo Saiba mais Página Educação*/ .moduloEducacao {padding: 20px;} .moduloEducacao a{cursor: pointer;} .moduloEducacao .txtEducacao{width: 710px; height: 250px; float: left; margin-right: 40px; background: url(../img/al-educacao/bg-educacao.png) right 15px no-repeat; border-bottom: 3px solid #dbdbdb; } .moduloEducacao .txtEducacao h1{width: 460px; font-size: 30px; color: #f4791f; margin: 40px 0 25px 0;} .moduloEducacao a{text-decoration: none; color: #fff} .moduloEducacao .moduloSaibaMais{width: 210px; height: 250px; float: left; border-bottom: 3px solid #dbdbdb;} .moduloEducacao .moduloSaibaMais .outrosSites{padding: 4px 10px;font-size: 0.857em; font-weight: bold;} .moduloEducacao .moduloSaibaMais .outrosSites:hover{background:#FFDD00} .moduloEducacao .moduloSaibaMais .round, .moduloEducacao2 .fotosEducacao .round {border-radius:5px;background:#f4791f;color:#FFF;text-decoration:none;} .moduloEducacao .moduloSaibaMais .info{margin-top: 2px; height: 160px; position: relative; padding: 12px; background: url(../img/al-educacao/setaInfo.jpg) 157px 45px no-repeat #f4791f; } .moduloEducacao .moduloSaibaMais .info h1{color: #fff; font-size: 24px; margin-bottom: 7px} .moduloEducacao .moduloSaibaMais .btLinksUteis{position: absolute; bottom: -32px; left: 66px;} .moduloEducacao .moduloSaibaMais p{ width: 162px; line-height: 1; } .moduloEducacao2 .txtEducacao{width: 460px} .moduloEducacao2 .icone-cadeado{width: 26px; height: 25px;text-indent: -99999px;background: url(../img/al-educacao/icone-cadeado.png) 0 0 no-repeat;} .moduloEducacao2 .moduloSaibaMais{float: left; margin-left: 40px;} .moduloEducacao2 .txtEducacao h1 {font-size: 24px;margin: 20px 0 25px 0;} .moduloEducacao2 .txtEducacao p {width: 270px;} .moduloEducacao2 .fotosEducacao {position: relative;float: left;width: 210px; background: url(../img/al-educacao/bg-FotosEducacao.png) no-repeat center 80px ;height: 250px;border-bottom: 3px solid #dbdbdb;} .moduloEducacao2 .fotosEducacao .round {border-radius:5px;background:#f4791f;color:#FFF;text-decoration:none;padding: 4px 10px;font-size: 0.857em; font-weight: bold;cursor: pointer} .moduloEducacao2 .fotosEducacao .round:hover{background:#FFDD00} .moduloEducacao2 .fotosEducacao .btExt{position: absolute; right: 20px; bottom: 5px;} /* =---------------------------------------- Footer 4 colunas ------------------------------------------*/ #footer {padding-top: 20px;height: 100%;} #footer .contentModulo {margin:auto} #footer #rioVoce > span {background:url(../img/txt_rio_vc.png) center no-repeat; width:328px; height:45px; margin:35px auto 20px; display:block; text-indent:-9999px;} .i18n-en #footer #rioVoce > span {background:url(../img/txt_rio_vc_en.png) center no-repeat; } .i18n-fr #footer #rioVoce > span {background:url(../img/txt_rio_vc_fr.png) center no-repeat; width: 340px;} .i18n-es #footer #rioVoce > span {background:url(../img/txt_rio_vc_es.png) center no-repeat; width: 345px;} #footer #rioVoce > div {height:350px; background:url(../img/footer_rio_voce.png) center top no-repeat;} .i18n-fr #footer #rioVoce > div, .i18n-es #footer #rioVoce > div{height:350px; background:url(../img/footer_rio_voce_es_fr.png) center top no-repeat;} #footer #rioVoce .box {width:210px; position:absolute; top:40px; color:#FFFFFF;} #footer #rioVoce .box .btExt:hover , #footer #rioVoce .box .btInt:hover {text-decoration:none;} #footer #rioVoce .box .azulE {position:absolute; top:220px; right:0} #footer #rioVoce .box .date {font-family:italic; display:block; padding:15px 0} #footer #rioVoce .box .date strong {font-size:20px;} #footer #rioVoce .box1 {left:20px;} #footer #rioVoce .box1 p {line-height:120%; padding:20px 0} .i18n-es #footer #rioVoce .box1 p {line-height:120%; margin-top: 28px;} .i18n-fr #footer #rioVoce .box1 p {line-height:120%; margin-top: 28px;} #footer #rioVoce .box2 {left:270px; background:url(../img/bgr-te-vejo.png) center 30px no-repeat; height:250px} .i18n-es #footer #rioVoce .box2, .i18n-fr #footer #rioVoce .box2{background: none} .i18n-es #footer #rioVoce .box2 p, .i18n-fr #footer #rioVoce .box2 p {line-height:120%; padding:10px 0 20px 0;} .i18n-fr #footer #rioVoce .box2 p {padding:10px 0 5px 0;} .i18n-es #footer #rioVoce .box2 .instal, .i18n-fr #footer #rioVoce .box2 .instal {margin-left: 33px;} .i18n-fr #footer #rioVoce .btExt span, .i18n-fr #footer #rioVoce .btInt span {font-size: 1.03em} #footer #rioVoce .box2 a {display:block;padding-top:44px;height:180px;} #footer #rioVoce .box2 a, #footer #rioVoce .box2 a {padding-top:0px;} #footer #rioVoce .box2 a:hover {text-decoration:none;} #footer #rioVoce .box2 .ttl {display:block;} .i18n-fr #footer #rioVoce .ttl{font-size: 17px;} #footer #rioVoce .box2 .img {display:block;margin:0 auto;width:126px;} #footer #rioVoce .box2 .img img {cursor:pointer;} #footer #rioVoce .box3 {left:520px;} #footer #rioVoce .box3 p {line-height:120%; font-family:boldItalic; font-size:16px;} #footer #rioVoce .box3 p a {color:#FFF;text-decoration:underline;} #footer #rioVoce .box4 {left:760px;} #footer #rioVoce .box4 .faceBgShadow {background:url(../img/bgr-wface.png) center bottom no-repeat;width:230px;padding-bottom:15px;margin:0 auto;} #footer #rioVoce .box4 .faceBg {width:210px;height:230px;overflow:hidden;background:#FFF;border:solid 1px #eee;margin:0 auto;} #footer #rioVoce .box4 .ttl {padding-left:8px;} #footer #rioVoce .ttl {font-family:bold; font-size:20px; color:#FFF;} #footer .linhaInterna { -webkit-box-shadow: inset 0 1px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px rgba(0,0,0,.1); box-shadow: inset 0 1px rgba(0,0,0,.1); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)); height: 9px; } #footer .boxMarcas {position:relative; width:960px; margin:0 auto; padding-bottom:20px; height:165px;} #footer .boxMarcas .jcarousel li {width: 210px;height: 90px;} #footer .MarcasTxt {width:960px; height:auto; margin-bottom: 20px; padding:10px 0;border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;} #footer .MarcasTxt strong {font-weight:bold} #footer .boxMarcas .boxItem {width:210px; position:absolute; top:30px; overflow:hidden} #footer .boxMarcas .box01 {left:0px} #footer .boxMarcas .box02 {left:250px} #footer .boxMarcas .box03 {left:500px} #footer .boxMarcas .box04 {left:750px} #footer .boxMarcas h4 {font-family:regular; text-transform:uppercase; display:block; text-align:center; font-size:12px; height:35px; line-height:120%;} #footer .boxMarcas .boxItem .carousel, #footer .boxMarcas .boxItem .carousel li {width:210px; height:90px;} #footer .boxMarcas .boxItem .jcarousel-prev {width:10px; height:12px; background:Red; position:absolute; top:50%; margin-top:-6px; left:3px; background:url(../img/nav-footer.png) left top no-repeat; z-index: 1;} #footer .boxMarcas .boxItem .jcarousel-prev:hover {left:0} #footer .boxMarcas .boxItem .jcarousel-next {width:10px; height:12px; background:Red; position:absolute; top:50%; margin-top:-6px; right:3px; background:url(../img/nav-footer.png) right top no-repeat; z-index: 1;} #footer .boxMarcas .boxItem .jcarousel-next:hover {right:0} #footer .areaCinza {border-top:2px solid #dbdbdb; background:#f6f6f6; margin-top:40px} #footer .areaCinza .canvasArea {width:960px; margin:0 auto;} #footer .areaCinza .canvasArea > div {float:left; width:182px; padding-right:10px;} #footer .areaCinza .canvasArea > div > ul {padding-bottom:25px} #footer .areaCinza .canvasArea > div ul li {padding:0; margin:0; line-height:100%; padding-bottom:5px;} #footer .areaCinza .canvasArea > div ul li ul ul{padding-left:8px;padding-top:5px;} #footer .areaCinza .canvasArea > div ul li ul li {padding-bottom:0; padding-top:5px;} #footer .areaCinza .canvasArea > div ul li ul li:first-child {padding-top:0;} #footer .areaCinza .canvasArea > div ul a {font-family:regular; font-size:12px; color:#595959; line-height:110%} #footer .areaCinza .canvasArea > div ul a:hover {text-decoration:underline;} #footer .areaCinza .canvasArea > div h5 a{color:#004b88; text-transform:uppercase;font-size:12px; padding-bottom:15px; display:block;padding-top:38px;} #footer .areaCinza .canvasArea > div.merged {width:960px; border-top:1px solid #dbdbdb; padding-right:0 } #footer .areaCinza .canvasArea > div.merged p {line-height:28px; font-size:12px; color:#cacaca; padding:15px 0;margin: 0;} #footer .areaCinza .canvasArea > div.merged ul {float:right;} #footer .areaCinza .canvasArea > div.merged ul li {float:left; padding:0 0 0 5px} #footer .areaCinza .canvasArea > div.merged ul li a {display:block; width:28px; height:28px; background:url(../img/icones.png) no-repeat; text-indent:-9999px; margin-top:15px;} #footer .areaCinza .canvasArea > div.merged ul li a.it01 {background-position:-76px 0} #footer .areaCinza .canvasArea > div.merged ul li a.it01:hover {background-position:-76px bottom} #footer .areaCinza .canvasArea > div.merged ul li a.it02 {background-position:-114px 0} #footer .areaCinza .canvasArea > div.merged ul li a.it02:hover {background-position:-114px bottom} #footer .areaCinza .canvasArea > div.merged ul li a.it03 {background-position:-190px 0} #footer .areaCinza .canvasArea > div.merged ul li a.it03:hover {background-position:-190px bottom} #footer .areaCinza .canvasArea > div.merged ul li a.it04 {background-position:-152px 0px;} #footer .areaCinza .canvasArea > div.merged ul li a.it04:hover {background-position:-152px -29px;} #footer .areaCinza .canvasArea > div.merged ul li a.it05 {background-position:-228px 0} #footer .areaCinza .canvasArea > div.merged ul li a.it05:hover {background-position:-228px bottom} #footer .areaCinza .canvasArea > div.merged ul li a.it06 {background-position:-266px 0} #footer .areaCinza .canvasArea > div.merged ul li a.it06:hover {background-position:-266px bottom} /*Seletor especifico para o streamming de video*/ #webform-component-pergunta #edit-submitted-pergunta {height: 150px;width: 440px;} #webform-component-pergunta .form-text {width: 460px !important;} /*loja-online-vertical*/ #loja-online-vertical { width: 210px; height: auto; margin-top: 15px; } #loja-online-vertical .title { background-color: #65b94d; padding: 5px; border-radius: 5px; color: white; font-size: 1em; font-family: 'bold'; display: inline; } #loja-online-vertical .jcarousel-wrapper { margin-top: 10px; position: relative; } #loja-online-vertical .jcarousel { width: 170px; position: relative; overflow: hidden; } #loja-online-vertical .jcarousel__controls { position: absolute; top: 70px; width: 20px; height: 33px; background-image: url(../img/spr-carousel-controls.png); text-indent: 100%; white-space: nowrap; overflow: hidden; } #loja-online-vertical .jcarousel__controls.jcarousel-control-prev { left: 0px; background-position: 1px 0px } #loja-online-vertical .jcarousel__controls.jcarousel-control-next { left: 190px; background-position: 20px 0px } #loja-online-vertical .jcarousel__item--title a { color: #004a8b; font-size: 0.8em; text-decoration: none; } #loja-online-vertical .jcarousel__item--price { color: #00afe8; font-family: 'bold'; font-size: 1em; margin: 10px 0 5px; } #loja-online-vertical .jcarousel__item--payment-terms { color: #65b94d; font-family: 'bold'; font-size: 0.9em; } #loja-online-vertical .jcarousel-pagination { margin: 15px auto 0; text-align: center; } #loja-online-vertical .jcarousel-pagination a { width: 15px; height: 15px; margin-left: 15px; background-image: url(../img/spr-carousel-controls.png); background-position: 13px -31px; display: inline-block; } #loja-online-vertical .jcarousel-pagination a:first-child { margin-left: 0px; } #loja-online-vertical .jcarousel-pagination a.active { background-position: 3px -31px; } #loja-online-vertical .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } #loja-online-vertical .jcarousel li { float: left; width: 170px; height: auto; } #loja-online-vertical .jcarousel li img { width: 170px; height: 170px; margin: 0 auto; display: block; }